@import url(http://fonts.googleapis.com/css?family=Oswald|PT+Sans:400,700,400italic); @import "http://netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.css"; @import "http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/themes/smoothness/jquery-ui.min.css"; @import "../external/gozha-nav/gozha-nav.css"; @import "../external/magnific-popup/magnific-popup.css"; @import "../external/colorbox/colorbox.css"; @import "../external/rs-plugin/css/settings.css"; @import "../external/swiper/idangerous.swiper.css"; @import "../external/bootstrap-select/bootstrap-select.css"; /*! normalize.css v3.0.1 | MIT License | git.io/normalize */ html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { font-family: "PT Sans", sans-serif; font-size: 14px; line-height: 1.428571429; color: #212c43; background-color: #ffffff; } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } a { color: #7ccbfc; text-decoration: none; } a:hover, a:focus { color: #31adfa; text-decoration: underline; } a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } figure { margin: 0; } img { vertical-align: middle; } .img-responsive { display: block; width: 100% \9; max-width: 100%; height: auto; } .img-rounded { border-radius: 6px; } .img-thumbnail { padding: 4px; line-height: 1.428571429; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transition: all all 0.2s ease-in-out ease-out; -moz-transition: all all 0.2s ease-in-out ease-out; -o-transition: all all 0.2s ease-in-out ease-out; transition: all all 0.2s ease-in-out ease-out; display: inline-block; width: 100% \9; max-width: 100%; height: auto; } .img-circle { border-radius: 50%; } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eeeeee; } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small { font-weight: normal; line-height: 1; color: #777777; } h1, .h1, h2, .h2, h3, .h3 { margin-top: 20px; margin-bottom: 10px; } h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small { font-size: 65%; } h4, .h4, h5, .h5, h6, .h6 { margin-top: 10px; margin-bottom: 10px; } h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small, h4 .small, .h4 .small, h5 .small, .h5 .small, h6 .small, .h6 .small { font-size: 75%; } h1, .h1 { font-size: 36px; } h2, .h2 { font-size: 30px; } h3, .h3 { font-size: 24px; } h4, .h4 { font-size: 18px; } h5, .h5 { font-size: 14px; } h6, .h6 { font-size: 12px; } p { margin: 0 0 10px; } .lead { margin-bottom: 20px; font-size: 16px; font-weight: 300; line-height: 1.4; } @media (min-width: 768px) { .lead { font-size: 21px; } } small, .small { font-size: 85%; } cite { font-style: normal; } mark, .mark { background-color: #fcf8e3; padding: .2em; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } .text-nowrap { white-space: nowrap; } .text-lowercase { text-transform: lowercase; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-muted { color: #777777; } .text-primary { color: #212c43; } a.text-primary:hover { color: #101621; } .text-success { color: #3c763d; } a.text-success:hover { color: #2b542c; } .text-info { color: #31708f; } a.text-info:hover { color: #245269; } .text-warning { color: #8a6d3b; } a.text-warning:hover { color: #66512c; } .text-danger { color: #a94442; } a.text-danger:hover { color: #843534; } .bg-primary { color: #fff; background-color: #212c43; } a.bg-primary:hover { background-color: #101621; } .bg-success { background-color: #dff0d8; } a.bg-success:hover { background-color: #c1e2b3; } .bg-info { background-color: #d9edf7; } a.bg-info:hover { background-color: #afd9ee; } .bg-warning { background-color: #fcf8e3; } a.bg-warning:hover { background-color: #f7ecb5; } .bg-danger { background-color: #f2dede; } a.bg-danger:hover { background-color: #e4b9b9; } .page-header { padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid #eeeeee; } ul, ol { margin-top: 0; margin-bottom: 10px; } ul ul, ol ul, ul ol, ol ol { margin-bottom: 0; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; margin-left: -5px; } .list-inline > li { display: inline-block; padding-left: 5px; padding-right: 5px; } dl { margin-top: 0; margin-bottom: 20px; } dt, dd { line-height: 1.428571429; } dt { font-weight: bold; } dd { margin-left: 0; } @media (min-width: 768px) { .dl-horizontal dt { float: left; width: 160px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dl-horizontal dd { margin-left: 180px; } } abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #777777; } .initialism { font-size: 90%; text-transform: uppercase; } blockquote { padding: 10px 20px; margin: 0 0 20px; font-size: 17.5px; border-left: 5px solid #eeeeee; } blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child { margin-bottom: 0; } blockquote footer, blockquote small, blockquote .small { display: block; font-size: 80%; line-height: 1.428571429; color: #777777; } blockquote footer:before, blockquote small:before, blockquote .small:before { content: '\2014 \00A0'; } .blockquote-reverse, blockquote.pull-right { padding-right: 15px; padding-left: 0; border-right: 5px solid #eeeeee; border-left: 0; text-align: right; } .blockquote-reverse footer:before, blockquote.pull-right footer:before, .blockquote-reverse small:before, blockquote.pull-right small:before, .blockquote-reverse .small:before, blockquote.pull-right .small:before { content: ''; } .blockquote-reverse footer:after, blockquote.pull-right footer:after, .blockquote-reverse small:after, blockquote.pull-right small:after, .blockquote-reverse .small:after, blockquote.pull-right .small:after { content: '\00A0 \2014'; } blockquote:before, blockquote:after { content: ""; } address { margin-bottom: 20px; font-style: normal; line-height: 1.428571429; } .container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } @media (min-width: 768px) { .container { width: 750px; } } @media (min-width: 992px) { .container { width: 970px; } } @media (min-width: 1200px) { .container { width: 1170px; } } .container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .row { margin-left: -15px; margin-right: -15px; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666666666666%; } .col-xs-10 { width: 83.33333333333334%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666666666666%; } .col-xs-7 { width: 58.333333333333336%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666666666667%; } .col-xs-4 { width: 33.33333333333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.666666666666664%; } .col-xs-1 { width: 8.333333333333332%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.66666666666666%; } .col-xs-pull-10 { right: 83.33333333333334%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.66666666666666%; } .col-xs-pull-7 { right: 58.333333333333336%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.66666666666667%; } .col-xs-pull-4 { right: 33.33333333333333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.666666666666664%; } .col-xs-pull-1 { right: 8.333333333333332%; } .col-xs-pull-0 { right: auto; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.66666666666666%; } .col-xs-push-10 { left: 83.33333333333334%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.66666666666666%; } .col-xs-push-7 { left: 58.333333333333336%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.66666666666667%; } .col-xs-push-4 { left: 33.33333333333333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.666666666666664%; } .col-xs-push-1 { left: 8.333333333333332%; } .col-xs-push-0 { left: auto; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.66666666666666%; } .col-xs-offset-10 { margin-left: 83.33333333333334%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.66666666666666%; } .col-xs-offset-7 { margin-left: 58.333333333333336%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.66666666666667%; } .col-xs-offset-4 { margin-left: 33.33333333333333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.666666666666664%; } .col-xs-offset-1 { margin-left: 8.333333333333332%; } .col-xs-offset-0 { margin-left: 0%; } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666666666666%; } .col-sm-10 { width: 83.33333333333334%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666666666666%; } .col-sm-7 { width: 58.333333333333336%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666666666667%; } .col-sm-4 { width: 33.33333333333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.666666666666664%; } .col-sm-1 { width: 8.333333333333332%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66666666666666%; } .col-sm-pull-10 { right: 83.33333333333334%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66666666666666%; } .col-sm-pull-7 { right: 58.333333333333336%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66666666666667%; } .col-sm-pull-4 { right: 33.33333333333333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.666666666666664%; } .col-sm-pull-1 { right: 8.333333333333332%; } .col-sm-pull-0 { right: auto; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66666666666666%; } .col-sm-push-10 { left: 83.33333333333334%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66666666666666%; } .col-sm-push-7 { left: 58.333333333333336%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66666666666667%; } .col-sm-push-4 { left: 33.33333333333333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.666666666666664%; } .col-sm-push-1 { left: 8.333333333333332%; } .col-sm-push-0 { left: auto; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66666666666666%; } .col-sm-offset-10 { margin-left: 83.33333333333334%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66666666666666%; } .col-sm-offset-7 { margin-left: 58.333333333333336%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66666666666667%; } .col-sm-offset-4 { margin-left: 33.33333333333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.666666666666664%; } .col-sm-offset-1 { margin-left: 8.333333333333332%; } .col-sm-offset-0 { margin-left: 0%; } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666666666666%; } .col-md-10 { width: 83.33333333333334%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666666666666%; } .col-md-7 { width: 58.333333333333336%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666666666667%; } .col-md-4 { width: 33.33333333333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.666666666666664%; } .col-md-1 { width: 8.333333333333332%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66666666666666%; } .col-md-pull-10 { right: 83.33333333333334%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66666666666666%; } .col-md-pull-7 { right: 58.333333333333336%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66666666666667%; } .col-md-pull-4 { right: 33.33333333333333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.666666666666664%; } .col-md-pull-1 { right: 8.333333333333332%; } .col-md-pull-0 { right: auto; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66666666666666%; } .col-md-push-10 { left: 83.33333333333334%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.66666666666666%; } .col-md-push-7 { left: 58.333333333333336%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66666666666667%; } .col-md-push-4 { left: 33.33333333333333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.666666666666664%; } .col-md-push-1 { left: 8.333333333333332%; } .col-md-push-0 { left: auto; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66666666666666%; } .col-md-offset-10 { margin-left: 83.33333333333334%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66666666666666%; } .col-md-offset-7 { margin-left: 58.333333333333336%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66666666666667%; } .col-md-offset-4 { margin-left: 33.33333333333333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.666666666666664%; } .col-md-offset-1 { margin-left: 8.333333333333332%; } .col-md-offset-0 { margin-left: 0%; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666666666666%; } .col-lg-10 { width: 83.33333333333334%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666666666666%; } .col-lg-7 { width: 58.333333333333336%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666666666667%; } .col-lg-4 { width: 33.33333333333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.666666666666664%; } .col-lg-1 { width: 8.333333333333332%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.66666666666666%; } .col-lg-pull-10 { right: 83.33333333333334%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66666666666666%; } .col-lg-pull-7 { right: 58.333333333333336%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66666666666667%; } .col-lg-pull-4 { right: 33.33333333333333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.666666666666664%; } .col-lg-pull-1 { right: 8.333333333333332%; } .col-lg-pull-0 { right: auto; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66666666666666%; } .col-lg-push-10 { left: 83.33333333333334%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66666666666666%; } .col-lg-push-7 { left: 58.333333333333336%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66666666666667%; } .col-lg-push-4 { left: 33.33333333333333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.666666666666664%; } .col-lg-push-1 { left: 8.333333333333332%; } .col-lg-push-0 { left: auto; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66666666666666%; } .col-lg-offset-10 { margin-left: 83.33333333333334%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66666666666666%; } .col-lg-offset-7 { margin-left: 58.333333333333336%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66666666666667%; } .col-lg-offset-4 { margin-left: 33.33333333333333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.666666666666664%; } .col-lg-offset-1 { margin-left: 8.333333333333332%; } .col-lg-offset-0 { margin-left: 0%; } } table { background-color: transparent; } th { text-align: left; } .table { width: 100%; max-width: 100%; margin-bottom: 20px; } .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { padding: 8px; line-height: 1.428571429; vertical-align: top; border-top: 1px solid #dddddd; } .table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #dddddd; } .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td { border-top: 0; } .table > tbody + tbody { border-top: 2px solid #dddddd; } .table .table { background-color: #ffffff; } .table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td { padding: 5px; } .table-bordered { border: 1px solid #dddddd; } .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { border: 1px solid #dddddd; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 2px; } .table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th { background-color: #f9f9f9; } .table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th { background-color: #f5f5f5; } table col[class*="col-"] { position: static; float: none; display: table-column; } table td[class*="col-"], table th[class*="col-"] { position: static; float: none; display: table-cell; } .table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th { background-color: #f5f5f5; } .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th { background-color: #e8e8e8; } .table > thead > tr > td.success, .table > tbody > tr > td.success, .table > tfoot > tr > td.success, .table > thead > tr > th.success, .table > tbody > tr > th.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > tbody > tr.success > td, .table > tfoot > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > th, .table > tfoot > tr.success > th { background-color: #dff0d8; } .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th { background-color: #d0e9c6; } .table > thead > tr > td.info, .table > tbody > tr > td.info, .table > tfoot > tr > td.info, .table > thead > tr > th.info, .table > tbody > tr > th.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > tbody > tr.info > td, .table > tfoot > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr.info > th, .table > tfoot > tr.info > th { background-color: #d9edf7; } .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th { background-color: #c4e3f3; } .table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th { background-color: #fcf8e3; } .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th { background-color: #faf2cc; } .table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th { background-color: #f2dede; } .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th { background-color: #ebcccc; } @media screen and (max-width: 767px) { .table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; overflow-x: auto; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #dddddd; -webkit-overflow-scrolling: touch; } .table-responsive > .table { margin-bottom: 0; } .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td { white-space: nowrap; } .table-responsive > .table-bordered { border: 0; } .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } } .btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.428571429; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .btn:focus, .btn:active:focus, .btn.active:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn:hover, .btn:focus { color: #333333; text-decoration: none; } .btn:active, .btn.active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; pointer-events: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn-default { color: #333333; background-color: #ffffff; border-color: #cccccc; } .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { color: #333333; background-color: #e6e6e6; border-color: #adadad; } .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { background-image: none; } .btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active { background-color: #ffffff; border-color: #cccccc; } .btn-default .badge { color: #ffffff; background-color: #333333; } .btn-primary { color: #ffffff; background-color: #212c43; border-color: #192132; } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { color: #ffffff; background-color: #101621; border-color: #040609; } .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { background-image: none; } .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active { background-color: #212c43; border-color: #192132; } .btn-primary .badge { color: #212c43; background-color: #ffffff; } .btn-success { color: #ffffff; background-color: #90d34f; border-color: #83ce3b; } .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { color: #ffffff; background-color: #76bf30; border-color: #65a329; } .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { background-image: none; } .btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active { background-color: #90d34f; border-color: #83ce3b; } .btn-success .badge { color: #90d34f; background-color: #ffffff; } .btn-info { color: #ffffff; background-color: #7ccbfc; border-color: #63c1fb; } .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { color: #ffffff; background-color: #4ab7fb; border-color: #27a9fa; } .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { background-image: none; } .btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active { background-color: #7ccbfc; border-color: #63c1fb; } .btn-info .badge { color: #7ccbfc; background-color: #ffffff; } .btn-warning { color: #ffffff; background-color: #fcd500; border-color: #e3bf00; } .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { color: #ffffff; background-color: #c9aa00; border-color: #a58c00; } .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { background-image: none; } .btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active { background-color: #fcd500; border-color: #e3bf00; } .btn-warning .badge { color: #fcd500; background-color: #ffffff; } .btn-danger { color: #ffffff; background-color: #f29090; border-color: #ef7979; } .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { color: #ffffff; background-color: #ed6262; border-color: #e94242; } .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { background-image: none; } .btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active { background-color: #f29090; border-color: #ef7979; } .btn-danger .badge { color: #f29090; background-color: #ffffff; } .btn-link { color: #7ccbfc; font-weight: normal; cursor: pointer; border-radius: 0; } .btn-link, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent; } .btn-link:hover, .btn-link:focus { color: #31adfa; text-decoration: underline; background-color: transparent; } .btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus { color: #777777; text-decoration: none; } .btn-lg, .btn-group-lg > .btn { padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 6px; } .btn-sm, .btn-group-sm > .btn { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-xs, .btn-group-xs > .btn { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 5px; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; } .dropdown { position: relative; } .dropdown-toggle:focus { outline: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; font-size: 14px; text-align: left; background-color: #ffffff; border: 1px solid #cccccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); background-clip: padding-box; } .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.428571429; color: #333333; white-space: nowrap; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { text-decoration: none; color: #262626; background-color: #f5f5f5; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #ffffff; text-decoration: none; outline: 0; background-color: #212c43; } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { color: #777777; } .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { text-decoration: none; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); cursor: not-allowed; } .open > .dropdown-menu { display: block; } .open > a { outline: 0; } .dropdown-menu-right { left: auto; right: 0; } .dropdown-menu-left { left: 0; right: auto; } .dropdown-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.428571429; color: #777777; white-space: nowrap; } .dropdown-backdrop { position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 990; } .pull-right > .dropdown-menu { right: 0; left: auto; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px solid; content: ""; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 1px; } @media (min-width: 768px) { .navbar-right .dropdown-menu { left: auto; right: 0; } .navbar-right .dropdown-menu-left { left: 0; right: auto; } } .btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; float: left; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover, .btn-group > .btn:focus, .btn-group-vertical > .btn:focus, .btn-group > .btn:active, .btn-group-vertical > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn.active { z-index: 2; } .btn-group > .btn:focus, .btn-group-vertical > .btn:focus { outline: 0; } .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group { margin-left: -1px; } .btn-toolbar { margin-left: -5px; } .btn-toolbar .btn-group, .btn-toolbar .input-group { float: left; } .btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group { margin-left: 5px; } .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; } .btn-group > .btn:first-child { margin-left: 0; } .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-top-right-radius: 0; } .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; } .btn-group > .btn-group { float: left; } .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group > .btn-group:first-child > .btn:last-child, .btn-group > .btn-group:first-child > .dropdown-toggle { border-bottom-right-radius: 0; border-top-right-radius: 0; } .btn-group > .btn-group:last-child > .btn:first-child { border-bottom-left-radius: 0; border-top-left-radius: 0; } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } .btn-group > .btn + .dropdown-toggle { padding-left: 8px; padding-right: 8px; } .btn-group > .btn-lg + .dropdown-toggle { padding-left: 12px; padding-right: 12px; } .btn-group.open .dropdown-toggle { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn-group.open .dropdown-toggle.btn-link { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn .caret { margin-left: 0; } .btn-lg .caret { border-width: 5px 5px 0; border-bottom-width: 0; } .dropup .btn-lg .caret { border-width: 0 5px 5px; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn { display: block; float: none; width: 100%; max-width: 100%; } .btn-group-vertical > .btn-group > .btn { float: none; } .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0; } .btn-group-vertical > .btn:not(:first-child):not(:last-child) { border-radius: 0; } .btn-group-vertical > .btn:first-child:not(:last-child) { border-top-right-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:last-child:not(:first-child) { border-bottom-left-radius: 4px; border-top-right-radius: 0; border-top-left-radius: 0; } .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-right-radius: 0; border-top-left-radius: 0; } .btn-group-justified { display: table; width: 100%; table-layout: fixed; border-collapse: separate; } .btn-group-justified > .btn, .btn-group-justified > .btn-group { float: none; display: table-cell; width: 1%; } .btn-group-justified > .btn-group .btn { width: 100%; } .btn-group-justified > .btn-group .dropdown-menu { left: auto; } [data-toggle="buttons"] > .btn > input[type="radio"], [data-toggle="buttons"] > .btn > input[type="checkbox"] { position: absolute; z-index: -1; opacity: 0; filter: alpha(opacity=0); } .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; -webkit-transition: all opacity 0.15s linear ease-out; -moz-transition: all opacity 0.15s linear ease-out; -o-transition: all opacity 0.15s linear ease-out; transition: all opacity 0.15s linear ease-out; } .fade.in { opacity: 1; } .collapse { display: none; } .collapse.in { display: block; } tr.collapse.in { display: table-row; } tbody.collapse.in { display: table-row-group; } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition: height 0.35s ease; -o-transition: height 0.35s ease; transition: height 0.35s ease; -webkit-transition: all height 0.35s ease ease-out; -moz-transition: all height 0.35s ease ease-out; -o-transition: all height 0.35s ease ease-out; transition: all height 0.35s ease ease-out; } .nav { margin-bottom: 0; padding-left: 0; list-style: none; } .nav > li { position: relative; display: block; } .nav > li > a { position: relative; display: block; padding: 10px 15px; } .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: #eeeeee; } .nav > li.disabled > a { color: #777777; } .nav > li.disabled > a:hover, .nav > li.disabled > a:focus { color: #777777; text-decoration: none; background-color: transparent; cursor: not-allowed; } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: #eeeeee; border-color: #7ccbfc; } .nav .nav-divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .nav > li > a > img { max-width: none; } .nav-tabs { border-bottom: 1px solid #dddddd; } .nav-tabs > li { float: left; margin-bottom: -1px; } .nav-tabs > li > a { margin-right: 2px; line-height: 1.428571429; border: 1px solid transparent; border-radius: 4px 4px 0 0; } .nav-tabs > li > a:hover { border-color: #eeeeee #eeeeee #dddddd; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #555555; background-color: #ffffff; border: 1px solid #dddddd; border-bottom-color: transparent; cursor: default; } .nav-tabs.nav-justified { width: 100%; border-bottom: 0; } .nav-tabs.nav-justified > li { float: none; } .nav-tabs.nav-justified > li > a { text-align: center; margin-bottom: 5px; } .nav-tabs.nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 768px) { .nav-tabs.nav-justified > li { display: table-cell; width: 1%; } .nav-tabs.nav-justified > li > a { margin-bottom: 0; } } .nav-tabs.nav-justified > li > a { margin-right: 0; border-radius: 4px; } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border: 1px solid #dddddd; } @media (min-width: 768px) { .nav-tabs.nav-justified > li > a { border-bottom: 1px solid #dddddd; border-radius: 4px 4px 0 0; } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border-bottom-color: #ffffff; } } .nav-pills > li { float: left; } .nav-pills > li > a { border-radius: 4px; } .nav-pills > li + li { margin-left: 2px; } .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { color: #ffffff; background-color: #212c43; } .nav-stacked > li { float: none; } .nav-stacked > li + li { margin-top: 2px; margin-left: 0; } .nav-justified { width: 100%; } .nav-justified > li { float: none; } .nav-justified > li > a { text-align: center; margin-bottom: 5px; } .nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 768px) { .nav-justified > li { display: table-cell; width: 1%; } .nav-justified > li > a { margin-bottom: 0; } } .nav-tabs-justified { border-bottom: 0; } .nav-tabs-justified > li > a { margin-right: 0; border-radius: 4px; } .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border: 1px solid #dddddd; } @media (min-width: 768px) { .nav-tabs-justified > li > a { border-bottom: 1px solid #dddddd; border-radius: 4px 4px 0 0; } .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border-bottom-color: #ffffff; } } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-right-radius: 0; border-top-left-radius: 0; } .breadcrumb { padding: 8px 15px; margin-bottom: 20px; list-style: none; background-color: #f5f5f5; border-radius: 4px; } .breadcrumb > li { display: inline-block; } .breadcrumb > li + li:before { content: "/\00a0"; padding: 0 5px; color: #cccccc; } .breadcrumb > .active { color: #777777; } .alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; } .alert h4 { margin-top: 0; color: inherit; } .alert .alert-link { font-weight: bold; } .alert > p, .alert > ul { margin-bottom: 0; } .alert > p + p { margin-top: 5px; } .alert-dismissable, .alert-dismissible { padding-right: 35px; } .alert-dismissable .close, .alert-dismissible .close { position: relative; top: -2px; right: -21px; color: inherit; } .alert-success { background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; } .alert-success hr { border-top-color: #c9e2b3; } .alert-success .alert-link { color: #2b542c; } .alert-info { background-color: #d9edf7; border-color: #bce8f1; color: #31708f; } .alert-info hr { border-top-color: #a6e1ec; } .alert-info .alert-link { color: #245269; } .alert-warning { background-color: #fcf8e3; border-color: #faebcc; color: #8a6d3b; } .alert-warning hr { border-top-color: #f7e1b5; } .alert-warning .alert-link { color: #66512c; } .alert-danger { background-color: #f2dede; border-color: #ebccd1; color: #a94442; } .alert-danger hr { border-top-color: #e4b9c0; } .alert-danger .alert-link { color: #843534; } .panel { margin-bottom: 20px; background-color: #ffffff; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } .panel-body { padding: 15px; } .panel-heading { padding: 10px 15px; border-bottom: 1px solid transparent; border-top-right-radius: 3px; border-top-left-radius: 3px; } .panel-heading > .dropdown .dropdown-toggle { color: inherit; } .panel-title { margin-top: 0; margin-bottom: 0; font-size: 16px; color: inherit; } .panel-title > a { color: inherit; } .panel-footer { padding: 10px 15px; background-color: #f5f5f5; border-top: 1px solid #dddddd; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .list-group { margin-bottom: 0; } .panel > .list-group .list-group-item { border-width: 1px 0; border-radius: 0; } .panel > .list-group:first-child .list-group-item:first-child { border-top: 0; border-top-right-radius: 3px; border-top-left-radius: 3px; } .panel > .list-group:last-child .list-group-item:last-child { border-bottom: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel-heading + .list-group .list-group-item:first-child { border-top-width: 0; } .list-group + .panel-footer { border-top-width: 0; } .panel > .table, .panel > .table-responsive > .table, .panel > .panel-collapse > .table { margin-bottom: 0; } .panel > .table:first-child, .panel > .table-responsive:first-child > .table:first-child { border-top-right-radius: 3px; border-top-left-radius: 3px; } .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child { border-top-left-radius: 3px; } .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child { border-top-right-radius: 3px; } .panel > .table:last-child, .panel > .table-responsive:last-child > .table:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child { border-bottom-left-radius: 3px; } .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child { border-bottom-right-radius: 3px; } .panel > .panel-body + .table, .panel > .panel-body + .table-responsive { border-top: 1px solid #dddddd; } .panel > .table > tbody:first-child > tr:first-child th, .panel > .table > tbody:first-child > tr:first-child td { border-top: 0; } .panel > .table-bordered, .panel > .table-responsive > .table-bordered { border: 0; } .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .panel > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th { border-bottom: 0; } .panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th { border-bottom: 0; } .panel > .table-responsive { border: 0; margin-bottom: 0; } .panel-group { margin-bottom: 20px; } .panel-group .panel { margin-bottom: 0; border-radius: 4px; } .panel-group .panel + .panel { margin-top: 5px; } .panel-group .panel-heading { border-bottom: 0; } .panel-group .panel-heading + .panel-collapse > .panel-body { border-top: 1px solid #dddddd; } .panel-group .panel-footer { border-top: 0; } .panel-group .panel-footer + .panel-collapse .panel-body { border-bottom: 1px solid #dddddd; } .panel-default { border-color: #dddddd; } .panel-default > .panel-heading { color: #333333; background-color: #f5f5f5; border-color: #dddddd; } .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: #dddddd; } .panel-default > .panel-heading .badge { color: #f5f5f5; background-color: #333333; } .panel-default > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #dddddd; } .panel-primary { border-color: #212c43; } .panel-primary > .panel-heading { color: #ffffff; background-color: #212c43; border-color: #212c43; } .panel-primary > .panel-heading + .panel-collapse > .panel-body { border-top-color: #212c43; } .panel-primary > .panel-heading .badge { color: #212c43; background-color: #ffffff; } .panel-primary > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #212c43; } .panel-success { border-color: #d6e9c6; } .panel-success > .panel-heading { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .panel-success > .panel-heading + .panel-collapse > .panel-body { border-top-color: #d6e9c6; } .panel-success > .panel-heading .badge { color: #dff0d8; background-color: #3c763d; } .panel-success > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #d6e9c6; } .panel-info { border-color: #bce8f1; } .panel-info > .panel-heading { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; } .panel-info > .panel-heading + .panel-collapse > .panel-body { border-top-color: #bce8f1; } .panel-info > .panel-heading .badge { color: #d9edf7; background-color: #31708f; } .panel-info > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #bce8f1; } .panel-warning { border-color: #faebcc; } .panel-warning > .panel-heading { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } .panel-warning > .panel-heading + .panel-collapse > .panel-body { border-top-color: #faebcc; } .panel-warning > .panel-heading .badge { color: #fcf8e3; background-color: #8a6d3b; } .panel-warning > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #faebcc; } .panel-danger { border-color: #ebccd1; } .panel-danger > .panel-heading { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } .panel-danger > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ebccd1; } .panel-danger > .panel-heading .badge { color: #f2dede; background-color: #a94442; } .panel-danger > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ebccd1; } .close { float: right; font-size: 21px; font-weight: bold; line-height: 1; color: #000000; text-shadow: 0 1px 0 #ffffff; opacity: 0.2; filter: alpha(opacity=20); } .close:hover, .close:focus { color: #000000; text-decoration: none; cursor: pointer; opacity: 0.5; filter: alpha(opacity=50); } button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } .tooltip { position: absolute; z-index: 1070; display: block; visibility: visible; font-size: 12px; line-height: 1.4; opacity: 0; filter: alpha(opacity=0); } .tooltip.in { opacity: 0.9; filter: alpha(opacity=90); } .tooltip.top { margin-top: -3px; padding: 5px 0; } .tooltip.right { margin-left: 3px; padding: 0 5px; } .tooltip.bottom { margin-top: 3px; padding: 5px 0; } .tooltip.left { margin-left: -3px; padding: 0 5px; } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #ffffff; text-align: center; text-decoration: none; background-color: #000000; border-radius: 4px; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000000; } .tooltip.top-left .tooltip-arrow { bottom: 0; left: 5px; border-width: 5px 5px 0; border-top-color: #000000; } .tooltip.top-right .tooltip-arrow { bottom: 0; right: 5px; border-width: 5px 5px 0; border-top-color: #000000; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000000; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000000; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000000; } .tooltip.bottom-left .tooltip-arrow { top: 0; left: 5px; border-width: 0 5px 5px; border-bottom-color: #000000; } .tooltip.bottom-right .tooltip-arrow { top: 0; right: 5px; border-width: 0 5px 5px; border-bottom-color: #000000; } .clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .panel-body:before, .panel-body:after { content: " "; display: table; } .clearfix:after, .dl-horizontal dd:after, .container:after, .container-fluid:after, .row:after, .btn-toolbar:after, .btn-group-vertical > .btn-group:after, .nav:after, .panel-body:after { clear: both; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none !important; visibility: hidden !important; } .affix { position: fixed; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } @-ms-viewport { width: device-width; } .visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (max-width: 767px) { .visible-xs-block { display: block !important; } } @media (max-width: 767px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg-block { display: block !important; } } @media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } .link-disabled { pointer-events: none; cursor: default; } body { font-family: "PT Sans", sans-serif; font-weight: 400; color: #212c43; } html, body, div, section, article, aside, header, hgroup, footer, nav, h1, h2, h3, h4, h5, h6, p, blockquote, address, span, em, strong, img, ol, ul, li, figure, canvas, video, th, td, tr { padding: 0; margin: 0; border: 0; } a:link, a:hover, a:focus, a:active { text-decoration: none; outline: none; } .btn:focus, .btn:active:focus, .btn.active:focus { outline: 0 none; } h1 { margin-top: 54px; margin-bottom: 26px; font-size: 30px; } h2 { margin-top: 48px; margin-bottom: 17px; font-size: 26px; } h3 { margin-top: 48px; margin-bottom: 20px; font-size: 23px; } h4 { margin-top: 48px; margin-bottom: 20px; font-size: 21px; } h5 { margin-top: 48px; margin-bottom: 22px; font-size: 19px; } h6 { margin-top: 48px; margin-bottom: 22px; font-size: 17px; } p { word-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; -o-hyphens: auto; hyphens: auto; } img { max-width: 100%; height: auto; border: 0 none; vertical-align: middle; } .wrapper { overflow: hidden; } .text-highlight { color: #7ccbfc; } .text-emphasis { font-style: italic; color: #9aa0ae; } small, .small { font-size: 12px; } .page__text { margin-bottom: 24px; line-height: 24px; } .page-content-wrapper { margin-top: 52px; } ::-moz-selection { color: #fff; background: #000; } ::selection { color: #fff; background: #000; } input, textarea { width: 100%; padding: 9px 45px 10px 14px; font-size: 13px; background: #f3f5f7; border: 1px solid #e3e8ec; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; opacity: 1; filter: alpha(opacity=100); -webkit-appearance: none; /* Remove Input Shadows on IOS */ } input::-moz-placeholder, textarea::-moz-placeholder { color: #212c43; opacity: 1; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #212c43; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #212c43; } input:focus, textarea:focus { box-shadow: none; outline: none; } input:focus::-moz-placeholder, textarea:focus::-moz-placeholder { color: #5c6a87; opacity: 1; } input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder { color: #5c6a87; } input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { color: #5c6a87; } textarea { resize: none; } input[type="search"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; /* Remove Input Shadows on IOS */ } .top-scroll { position: fixed; bottom: 5px; left: 5%; z-index: 1000; width: 50px; height: 50px; -webkit-transform: translatez(0); -moz-transform: translatez(0); -o-transform: translatez(0); -ms-transform: translatez(0); transform: translatez(0); } .top-scroll a { display: block; height: 50px; background: url(../images/icons/arrow.svg) rgba(0, 0, 0, 0.6) center center; } .top-scroll a:hover { background: url(../images/icons/arrow.svg) rgba(124, 203, 252, 0.6) center center; } .divider-simple { height: 1px; width: 100%; background: #e3e8ec; } .divider-circle { position: relative; padding-top: 2px; border-top: 1px solid #0d1629; border-bottom: 1px solid #0d1629; } .divider-circle:before { content: ""; position: absolute; top: -8px; left: 50%; display: block; width: 16px; height: 16px; margin-left: -8px; background: #0d1629; border: solid 3px #212c43; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .divider-circle--light { margin-top: 59px; border-top: 1px solid #e3e8ec; border-bottom: 1px solid #e3e8ec; } .divider-circle--light:before { top: -9px; background: #e3e8ec; border-color: #fff; } .divider-triangle { position: relative; border-top: 4px solid #e5e5da; } .divider-triangle:before { content: ""; position: absolute; top: -9px; left: 50%; display: block; width: 0; height: 0; margin-left: -5px; border-style: solid; border-width: 0 5px 5px 5px; border-color: transparent transparent #e5e5da transparent; } .divider-triangle--thin { width: 100%; border-top: 2px solid #212c43; } .divider-triangle--thin:before { top: 0; margin-left: 0; border-width: 3px 3px 0 3px; border-color: #212c43 transparent transparent transparent; } .hidden-title { display: none; } .page-title-wrapper { text-align: center; } .page-title { font-family: "Oswald", sans-serif; font-size: 34px; line-height: 1; color: #fff; text-align: center; text-transform: uppercase; } .page-title .page-title-main { font-size: 34px; line-height: 34px; } .page-title.page-title-margin { margin-top: 40px; } .section-title { margin-top: 54px; margin-bottom: 41px; font-size: 30px; line-height: 34px; } .section-title .text-highlight { display: block; font-size: 50px; text-transform: uppercase; } .section-title-simple { font-size: 30px; line-height: 30px; } .bar-title { margin-top: 38px; margin-bottom: 18px; font-family: "Oswald", sans-serif; font-size: 20px; text-transform: uppercase; } .decorated-title { position: relative; z-index: 100; display: inline-block; width: 230px; padding-bottom: 2px; font-family: "Oswald", sans-serif; font-size: 20px; color: #7ccbfc; text-transform: uppercase; background: #fff; } .decorative-lines { position: relative; } .decorative-lines:before, .decorative-lines:after { content: ""; position: absolute; left: 0; display: block; height: 12px; width: 100%; border-top: 2px solid rgba(124, 203, 252, 0.2); border-bottom: 2px solid rgba(124, 203, 252, 0.2); } .decorative-lines:before { top: 3px; } .decorative-lines:after { top: 12px; } .decorated-title-margin { margin: 37px 0 28px; } .decorated-title-margin--sm { margin: 27px 0 28px; } .decorated-title-margin--lg { margin: 57px 0 28px; } .icon-circle { display: inline-block; width: 30px; height: 30px; padding-top: 6px; font-size: 12px; text-align: center; border: 3px solid #8b98b2; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .icon-circle:hover { border-color: #7ccbfc; } .icon-circle--thin { width: 26px; height: 26px; padding-top: 5px; font-size: 12px; line-height: 12px; border-width: 2px; } .icon-circle--thin:hover { border-color: #8b98b2; } .icon-circle--lg { width: 66px; height: 66px; border: 2px solid #212c43; } .icon-circle--lg:hover { border-color: #212c43; } .icon-circle--small { width: 20px; height: 20px; padding-top: 3px; font-size: 10px; line-height: 10px; border: 2px solid #7ccbfc; } .icon-circle--small.fa { color: #7ccbfc; } .icon-circle--small:hover { border-color: #212c43; } .icon-circle--small:hover.fa { color: #212c43; } .fa { color: #8b98b2; } .link-simple { border-bottom: 1px dotted; } .link-simple:hover { color: #9aa0ae; } .link-highlight { position: relative; display: inline-block; padding: 1px 15px 3px 11px; font-size: 18px; line-height: 26px; } .link-highlight .icon-circle { position: relative; top: -2px; left: 4px; } .link-highlight:hover { color: #fff; background: #7ccbfc; } .link-highlight:hover .icon-circle { color: #fff; border-color: #fff; } .triangled-box { position: relative; min-height: 170px; padding: 26px 25px 9px; text-align: center; background: #e5e5da; border: 5px solid #f2f2ec; } .triangled-box:before, .triangled-box:after { content: ""; position: absolute; right: 50%; display: block; width: 20px; height: 10px; margin-right: -10px; border-style: solid; border-width: 10px 10px 0 10px; } .triangled-box:before { bottom: -15px; border-color: #f2f2ec transparent transparent transparent; } .triangled-box:after { bottom: -10px; border-color: #e5e5da transparent transparent transparent; } .mfp-zoom-out-cur { cursor: auto; } .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: pointer; } .swiper-controls { position: relative; top: -75px; float: right; margin-bottom: -40px; font-size: 0; } .swiper-controls .prev-arrow, .swiper-controls .next-arrow { position: relative; display: inline-block; width: 36px; height: 36px; border: 4px solid #e8e8dd; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .swiper-controls .prev-arrow:hover, .swiper-controls .next-arrow:hover { border-color: #7ccbfc; } .swiper-controls .prev-arrow:before, .swiper-controls .next-arrow:before { content: ""; position: absolute; top: 4px; display: block; width: 0; height: 0; border-style: solid; } .swiper-controls .prev-arrow { margin-right: 14px; } .swiper-controls .prev-arrow:before { left: 7px; border-width: 10px 10px 10px 0; border-color: transparent #e8e8dd transparent transparent; } .swiper-controls .prev-arrow:hover:before { border-color: transparent #7ccbfc transparent transparent; } .swiper-controls .next-arrow:before { right: 7px; border-width: 10px 0 10px 10px; border-color: transparent transparent transparent #e8e8dd; } .swiper-controls .next-arrow:hover:before { border-color: transparent transparent transparent #7ccbfc; } /* TABLE OF CONTENT * Header * Footer * Accordion * Alerts * Buttons * Dropcaps * Promoboxes * Table * Tabs * Text images * Tooltips * Title images * Circle button * Blog * Pricing tables * Gallery * About * How it works * Services icons * Services * Case studies * Contact * Shop * Single product * 404 page * Coming soon * Home */ .presentation { height: 120px; } .top-info { padding-top: 8px; padding-bottom: 10px; background: #1b253b; } .top-info__text { color: #7d8e98; } .top-info__text a:hover, .top-info__text a:focus { color: #fff; } .main-nav { height: 85px; background: #212c43; } .logo { padding-top: 22px; padding-left: 2px; } .logo-text { margin-top: -5px; font-size: 30px; color: #fff; text-transform: uppercase; } .logo-img { margin-bottom: 26px; } #navigation-box { padding: 0; margin: 0; background-color: transparent; } #navigation-toggle { width: 52px; height: 52px; margin-top: 14px; background-color: #7ccbfc; border-color: #7ccbfc; } .sub-nav-toggle { background-color: #7ccbfc; } .sub-nav-toggle.plus { background-color: #1b253b; } #navigation-toggle.open-menu { background-color: #f29090; border-color: #f29090; } ul#navigation ul { background-color: #7ccbfc; } ul#navigation li { padding: 7px 0 8px; border-bottom-color: #1b253b; } ul#navigation a:hover, ul#navigation .active-item > a { color: #7ccbfc; } ul#navigation > li > a { padding: 29px 15px 27px; } ul#navigation > li > a:hover { background: rgba(124, 203, 252, 0.1); } ul#navigation > li { position: relative; padding: 0; line-height: 20px; } ul#navigation > li:hover { padding-bottom: 6px; } ul#navigation > li:after { content: ""; position: absolute; bottom: 0; left: 0; display: block; width: 100%; height: 3px; background: #7ccbfc; -webkit-transition: all 0 ease-in; -moz-transition: all 0 ease-in; -o-transition: all 0 ease-in; transition: all 0 ease-in; -webkit-transform: translateY(-17px); -moz-transform: translateY(-17px); -o-transform: translateY(-17px); -ms-transform: translateY(-17px); transform: translateY(-17px); opacity: 0; filter: alpha(opacity=0); } ul#navigation > li:hover:after { -webkit-transition: all 100ms ease-in; -moz-transition: all 100ms ease-in; -o-transition: all 100ms ease-in; transition: all 100ms ease-in; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; filter: alpha(opacity=100); } .pattern-wrapper { display: block; width: inherit; height: inherit; background-repeat: repeat; } .breadcrumb-wrapper { background: #7ccbfc; -webkit-box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.15), inset 0 -5px 0 rgba(232, 232, 221, 0.2); -moz-box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.15), inset 0 -5px 0 rgba(232, 232, 221, 0.2); box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.15), inset 0 -5px 0 rgba(232, 232, 221, 0.2); } .breadcrumb { padding-top: 13px; padding-bottom: 16px; margin-bottom: 0; background: transparent; } .breadcrumb a { color: #fff; } .breadcrumb > .active { color: #212c43; } .breadcrumb > li + li:before { content: "// "; padding: 0 4px; color: #fff; } .footer-wrapper { margin-top: 36px; color: #8b98b2; background: #212c43; } .footer-wrapper a:hover, .footer-wrapper a:focus { color: #fff; } .footer-widgets { padding-top: 64px; padding-bottom: 50px; } .widget-title { padding-bottom: 25px; margin: 0; margin-bottom: 10px; font-size: 20px; line-height: 24px; color: #fff; } .widget-news__text { float: left; margin-right: 5px; margin-bottom: 24px; font-size: 12px; line-height: 15px; color: #8b98b2; } .subscribe-form { position: relative; display: inline-block; width: 100%; max-width: 350px; margin-top: 3px; margin-bottom: 20px; } .subscribe-form .form__tooltip { top: -36px !important; } .subscribe-input { height: 40px; padding: 0 37px 0 15px; font-size: 13px; background: #e5e5da; background: #fff; border: none; } .submit-button { position: absolute; top: 7px; right: 5px; padding: 0; background: transparent; border: 0; } .submit-button .icon-circle { color: #212c43; border-color: #212c43; } .submit-button:hover .icon-circle { color: #7ccbfc; border-color: #7ccbfc; } .form__tooltip { position: absolute; top: 0; left: 0; padding: 6px 10px 8px; font-size: 11px; color: #fff; text-align: center; text-decoration: none; background-color: #f29090; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .form__tooltip:before { content: ""; position: absolute; bottom: -3px; left: 50%; width: 0; height: 0; margin-left: -3px; border-top: 3px solid #f29090; border-right: 5px solid transparent; border-left: 5px solid transparent; } .widget-contacts { clear: both; margin-bottom: 25px; font-size: 0; color: #fff; } .widget-contacts__item { display: inline-block; height: 26px; margin-right: 20px; margin-bottom: 8px; font-size: 12px; } .widget-contacts__item:last-child { margin-right: 0; } .widget-contacts__item .icon-circle { margin-right: 9px; } .social__item .fa-envelope { position: relative; top: -1px; left: 0; font-size: 8px; } .social__item .fa-linkedin { padding-top: 5px; } .widget-contacts__item:last-child { margin-right: 0; } .twitter_update_list { margin: 0; list-style: none; } .twitter_update_list li { padding-bottom: 9px; font-size: 12px; line-height: 15px; color: #8b98b2; } .twitter_update_list li .timesince { font-size: 11px; font-style: italic; color: #576d98; } .twitter-text { margin-bottom: 5px; } .twitter_update_list li { margin-bottom: 4px; } .widget-flickr { margin-top: 25px; } .widget-flickr .flickr { max-width: 285px; } .flickr { padding-top: 4px; margin: 0 -5px 0 0; list-style: none; } .flickr li { float: left; width: 50px; margin: 0 5px 5px 0; border: 2px solid #8b98b2; overflow: hidden; } .flickr li a { position: relative; } .flickr .flickr__hover { position: absolute; top: -15px; left: -2px; display: block; width: 50px; height: 50px; border: 0px solid rgba(229, 229, 218, 0.7); -webkit-transition: all 600ms ease-in-out; -moz-transition: all 600ms ease-in-out; -o-transition: all 600ms ease-in-out; transition: all 600ms ease-in-out; opacity: 0; filter: alpha(opacity=0); overflow: visible; } .flickr li a:hover .flickr__hover { border: 25px solid #e5e5da; opacity: 0.7; filter: alpha(opacity=70); } .footer-secondary { min-height: 60px; text-align: center; background: #1b253b; } .copyright { padding-top: 9px; padding-bottom: 23px; color: #8b98b2; } .social { display: inline-block; margin-top: 27px; list-style: none; } .social a { color: #8b98b2; } .social a:hover { color: #7ccbfc; } .social__item { float: left; height: 30px; margin-left: 10px; } .social__item .fa-pinterest { font-size: 13px; } .accordion { max-width: 400px; } .accordion .panel { border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .accordion .panel.panel-default + .panel { margin-top: 11px; } .accordion .panel-default > .panel-heading { background: transparent; } .accordion .panel-heading { position: relative; padding: 1px 0 3px; } .accordion .panel-title > a { display: inline-block; width: 100%; padding: 2px 0 3px 34px; font-size: 14px; font-weight: bold; color: #7ccbfc; } .accordion .panel-title > a.collapsed { color: #212c43; } .accordion .panel-default > .panel-heading + .panel-collapse .panel-body { border: 0; } .accordion .panel-collapse .panel-body { padding: 1px 0 4px 32px; font-size: 12px; line-height: 20px; } .accordion .marker { position: absolute; top: 1px; left: 0; display: block; width: 20px; height: 20px; border: 2px solid; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .accordion .marker:before, .accordion .marker:after { content: ""; position: absolute; top: 50%; left: 50%; display: block; } .accordion .marker:before { width: 8px; height: 2px; margin-top: -1px; margin-left: -4px; background: #7ccbfc; } .accordion .marker:after { width: 2px; height: 8px; margin-top: -4px; margin-left: -1px; background: transparent; } .accordion .collapsed .marker { color: #212c43; } .accordion .collapsed .marker:before, .accordion .collapsed .marker:after { background: #212c43; } .alert { position: relative; padding: 9px 20px 10px 49px; font-size: 12px; color: #fff; border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .alert:before, .alert:after { content: ""; position: absolute; display: inline-block; } .alert:before { width: 24px; height: 24px; top: 50%; left: 10px; margin-top: -12px; background: url(../images/icons/alert-icons.svg) no-repeat 0 0; } .alert:after { top: 0; left: 0; width: 44px; height: 100%; background: rgba(0, 0, 0, 0.04); } .alert-danger { background-color: #f29090; } .alert-warning { background: #fcd500; } .alert-warning.alert:before { background-position: 0 -24px; } .alert-info { background: #7ccbfc; } .alert-info.alert:before { background-position: -24px 0; } .alert-success { background: #90d34f; } .alert-success.alert:before { background-position: -24px -24px; } .alert-dismissable .close, .alert-dismissable .close:hover { top: -1px; right: -9px; font-size: 18px; color: #fff; text-shadow: none; opacity: 1; filter: alpha(opacity=100); } .btn { padding: 2px 42px 5px 41px; font-size: 20px; text-shadow: 0 1px 0 rgba(33, 44, 67, 0.3); background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.05), rgba(2, 2, 2, 0)); background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.05), rgba(2, 2, 2, 0)); background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.05), rgba(2, 2, 2, 0)); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05), rgba(2, 2, 2, 0)); border: solid 1px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.5); -moz-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.5); box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.5); } .btn-lg, .btn-group-lg > .btn { padding: 6px 51px 12px 51px; font-size: 24px; } .btn-wider { padding: 5px 68px 10px 66px; font-size: 24px; } .btn-info { border-color: #7ccbfc; background-color: #7ccbfc; } .btn-info:hover { background-color: #44b6fd; border-color: #7ccbfc; } .btn-danger { border-color: #f29090; } .btn-danger:hover { background-color: #fd8181; border-color: #fd8181; } .btn-primary { background-color: #212c43; border-color: #212c43; } .btn-primary:hover, .btn-primary:focus { background-color: #263a63; border-color: #263a63; } .btn-default { color: #212c43; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3); background-color: #e5e5da; border-color: #e5e5da; } .btn-default:hover { background-color: #d5d5c6; border-color: #d5d5c6; } .btn-success { text-shadow: 0 1px 0 rgba(42, 69, 15, 0.3); border-color: #90d34f; } .btn-success:hover { background-color: #83c444; border-color: #83c444; } .btn-warning { text-shadow: 0 1px 0 rgba(134, 116, 16, 0.3); border-color: #fcd500; } .btn-warning:hover { background-color: #f2cd00; border-color: #f2cd00; } .button-demo-wrapper { margin-right: 0; margin-bottom: 20px; margin-left: 0; text-align: center; } .btn-demo { display: inline-block; float: none; width: auto; padding-right: 0; padding-left: 0; margin-bottom: 10px; } .dropcaps { margin-bottom: 20px; font-size: 12px; line-height: 20px; color: #535e60; } .dropcaps:first-letter { display: inline-block; float: left; margin: 16px 36px 5px 37px; font-family: "Oswald", sans-serif; font-size: 48px; color: #7ccbfc; } .promobox { padding: 22px 23px 20px 24px; margin: 5px; margin-bottom: 35px; text-align: center; background-color: #e8e8dd; background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 50%, rgba(4, 4, 4, 0.04) 0%); background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 50%, rgba(4, 4, 4, 0.04) 0%); background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 50%, rgba(4, 4, 4, 0.04) 0%); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 50%, rgba(4, 4, 4, 0.04) 0%); background-image: linear-gradient(top, rgba(0, 0, 0, 0) 50%, rgba(4, 4, 4, 0.04) 0%); -webkit-box-shadow: 0 0 0 5px rgba(232, 232, 221, 0.5); -moz-box-shadow: 0 0 0 5px rgba(232, 232, 221, 0.5); box-shadow: 0 0 0 5px rgba(232, 232, 221, 0.5); overflow: hidden; } .promobox .btn { padding: 0 41px 2px 41px; margin-top: 15px; } .promobox .promobox__text { font-size: 18px; line-height: 20px; } .col-width { width: 16.666667%; } .table > thead > tr > th, .table > thead > tr > td { padding: 9px 10px 11px; } .table > tbody > tr > th, .table > tfoot > tr > th, .table > tbody > tr > td, .table > tfoot > tr > td { padding: 10px 10px 12px; } .table { font-size: 12px; border-collapse: separate; } .table thead { font-size: 13px; color: #fff; background: #212c43; } .table thead tr th { font-weight: normal; border-bottom: 1px solid #e8e8dd; vertical-align: top; } .table tbody tr:first-child > td { border-top: 1px solid #212c43; } .table tbody tr > td { border: 1px solid #e8e8dd; border-bottom: none; border-left: none; vertical-align: middle; } .table tbody tr > td:first-child { border-left: 1px solid #e8e8dd; } .table tbody tr:last-child > td { border-bottom: 1px solid #e8e8dd; } .tabs { margin-bottom: 20px; } .nav-tabs { border-color: #e8e8dd; } .nav-tabs > li { float: none; margin-bottom: 0; } .nav-tabs > li > a { padding: 8px 19px 10px 16px; color: #212c43; font-weight: bold; border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .nav-tabs > li > a:hover { background: transparent; border: 0; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { font-weight: bold; color: #7ccbfc; border: 0; } .tab-content { padding: 23px 20px 15px 20px; border: 1px solid #e8e8dd; border-top: 0; } .tab-content p { margin-bottom: 20px; font-size: 12px; line-height: 20px; } .tabs-responsive .tabs { min-height: 300px; } .text-images p { margin-bottom: 24px; line-height: 24px; } .image-in-text { float: none; width: 100%; margin-bottom: 10px; } .image-in-text img { max-width: 270px; border: 5px solid #e5e5da; } .tooltip-wrapper-demo { margin-top: 20px; } .tooltip-wrapper-demo a { margin: 0 20px 20px 0; } a.custom-tooltip:hover { color: #005580; } .tooltip { font-size: 11px; } .tooltip.in { opacity: 1; filter: alpha(opacity=100); } .tooltip.top { margin-top: -1px; } .tooltip-inner { padding: 6px 9px 8px 11px; color: #212c43; background-color: #e5e5da; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .tooltip.top > .tooltip-arrow { bottom: 2px; border-width: 3px 5px 0; border-top-color: #e5e5da; } .pattern-dark-wrapper { display: block; width: inherit; height: inherit; background-image: url("../images/components/pattern-grid-dark.png"); background-repeat: repeat; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .pattern-dark-wrapper { background-image: url("../images/components/pattern-grid-dark2x.png"); background-size: 5px 5px; } } .pattern-light-wrapper { display: block; width: inherit; height: inherit; background-image: url("../images/components/pattern-grid-light.png"); background-repeat: repeat; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .pattern-light-wrapper { background-image: url("../images/components/pattern-grid-light2x.png"); background-size: 5px 5px; } } .about-title-wrapper { background: url(../images/page_title/about-photo.jpg) no-repeat center 0; } .how-it-works-title-wrapper { background: url(../images/page_title/how-it-works-photo.jpg) no-repeat center 0; } .services-title-wrapper { background: url(../images/page_title/services-photo.jpg) no-repeat center 0; } .prices-title-wrapper { background: url(../images/page_title/prices-photo.jpg) no-repeat center 0; } .blog-title-wrapper { background: url(../images/page_title/blog-photo.jpg) no-repeat center 0; } .gallery-title-wrapper { background: url(../images/page_title/gallery-photo.jpg) no-repeat center 0; } .page-title-wrapper { height: 358px; background-size: cover; -webkit-box-shadow: inset 0 5px 0 rgba(232, 232, 221, 0.2); -moz-box-shadow: inset 0 5px 0 rgba(232, 232, 221, 0.2); box-shadow: inset 0 5px 0 rgba(232, 232, 221, 0.2); } .home-title-wrapper { background-color: #1ba1f1; background: url(../images/page_title/home-photo.jpg) repeat-x center 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .circle-button-wrapper { display: inline-block; width: 156px; height: 156px; margin-top: 28px; } .circle-button-wrapper > .circle-button { background: #e8e8dd; } .circle-button { position: relative; width: 100%; height: 100%; text-align: center; border: 3px solid #e8e8dd; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; box-shadow: 0 0 0 10px rgba(232, 232, 221, 0.2); -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; overflow: hidden; } .circle-button__title { position: absolute; right: 0%; left: 0%; margin-top: 45px; font-family: "Oswald", sans-serif; font-size: 20px; line-height: 30px; color: #162a43; text-shadow: 0 1px 0 #fff; text-transform: uppercase; } .circle-button__title .icon-circle { position: relative; top: -7px; left: 9px; text-shadow: none; border-color: #162a43; } .circle-button__title .icon-circle.fa { color: #162a43; } .circle-button-second { display: block; width: inherit; height: inherit; background: #212c43; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); opacity: 0; filter: alpha(opacity=0); } .circle-button-second .circle-button__title { color: #e8e8dd; text-shadow: 0 1px 0 #000; } .circle-button-second .circle-button__title .icon-circle { border-color: #e8e8dd; } .circle-button-second .circle-button__title .icon-circle.fa { color: #e8e8dd; } .circle-button.hover { box-shadow: 0 0 0 0px rgba(232, 232, 221, 0.2); } .circle-button.hover .circle-button-second { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; filter: alpha(opacity=100); } .circle-button.hover > .circle-button__title { display: none; } .about-title-wrapper .icon-circle { left: 0; } .post p { margin-bottom: 24px; line-height: 24px; } .post .post__image { max-width: 770px; border: 5px solid #e5e5da; } .post .post__image--full { max-width: 1140px; } .post .post__detail { padding: 4px 0 11px 21px; margin-top: 5px; margin-bottom: 52px; background: #f7f7f6; border-top: 5px solid #e5e5da; list-style: none; } .post .post__detail__item { display: inline-block; margin-right: 20px; font-size: 12px; } .post .post__data { color: #999fad; } .post .post__tag { color: #999fad; text-decoration: underline; } .post .post__tag:hover { color: #7ccbfc; } .post a.post__tag { text-decoration: underline; } .post a.post__tag:hover { text-decoration: none; } .quote-wrapper { margin-top: -7px; margin-bottom: 101px; } .quote { position: relative; padding-left: 35px; margin-bottom: 50px; font-size: 16px; line-height: 26px; color: #9aa0ae; text-align: right; } .quote:after { content: "\201C"; position: absolute; right: 0; bottom: -77px; font-size: 100px; } .quote .quote__author { margin-bottom: 6px; font-size: 14px; font-weight: bold; } .quote .quote__text { margin-bottom: 6px; word-wrap: break-word; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; -o-hyphens: none; hyphens: none; } .list-unordered { padding-left: 49px; list-style: none; } .list-unordered li { position: relative; padding: 8px 0; line-height: 20px; } .list-unordered li:before { content: ""; position: absolute; top: 17px; left: -21px; display: block; width: 6px; height: 6px; background: #7ccbfc; } .list-unordered-wrapper { margin-top: -5px; margin-bottom: 20px; } .list-ordered { padding-left: 68px; list-style: none; counter-reset: item; } .list-ordered li { position: relative; padding: 8px 0; line-height: 20px; } .list-ordered li:before { content: counter(item, decimal) "//"; counter-increment: item; position: absolute; top: 8px; left: -41px; font-style: italic; color: #7ccbfc; } .list-ordered-wrapper { margin-top: -4px; margin-bottom: 47px; } .share-box { position: relative; padding: 19px 15px 17px 20px; margin-bottom: 60px; border-top: 1px solid #e3e8ec; border-bottom: 1px solid #e3e8ec; } .share-box:before, .share-box:after { content: ""; position: absolute; display: block; } .share-box:before { top: 0; bottom: 0; left: 1px; width: 4px; height: 100%; background: #9aa0ae; } .share-box:after { top: 50%; left: 5px; width: 0px; height: 0px; margin-top: -5px; border-style: solid; border-width: 5px 0 5px 5px; border-color: transparent transparent transparent #9aa0ae; } .share-box .share-box__title { position: absolute; top: 50%; margin-top: -10px; font-family: "Oswald", sans-serif; font-size: 20px; line-height: 20px; color: #9aa0ae; text-transform: uppercase; } .share-box .addthis_toolbox { margin-top: 1px; margin-left: 97px; } .addthis_button_facebook_like { margin-right: 5px; } .addthis_button_tweet { margin-right: -26px; } #_atssh { display: none; } /* Remove 1px height added by AddThis plugin */ .author__photo { width: 160px; } .author__name { margin-top: 8px; font-size: 12px; } .author__about { position: relative; padding: 24px 24px 24px 26px; margin-top: 10px; line-height: 24px; background: #e5e5da; border: 5px solid #f2f2ec; } .author__about:before, .author__about:after { content: ""; position: absolute; left: 65px; display: block; width: 20px; height: 10px; border-style: solid; border-width: 10px 10px 0 10px; } .author__about:before { top: 0; border-color: #f2f2ec transparent transparent transparent; } .author__about:after { top: -5px; border-color: #fff transparent transparent transparent; } .author__title { margin-top: 0; margin-bottom: 6px; font-size: 14px; font-weight: bold; line-height: 24px; text-transform: uppercase; } .comments { margin-top: 60px; margin-bottom: 24px; border: 3px solid #f3f5f7; } .comments .decorated-title { top: -2px; padding-bottom: 0; width: 205px; font-size: 28px; } .comments .decorated-title-margin--sm { margin-bottom: 6px; } .comments .divider-simple { background: #f3f5f7; } .comment { padding: 23px 15px 29px 28px; } .comment--reply { padding-top: 3px; padding-left: 60px; background: #fff; } .comment__image { float: left; width: 100px; margin-top: 7px; margin-right: 29px; } .comment__image__author { position: relative; padding-top: 4px; margin-top: 4px; font-size: 13px; text-align: center; text-transform: uppercase; border-top: 2px solid #212c43; } .comment__image__author:before { content: ""; position: absolute; top: 0; left: 50%; width: 0px; height: 0px; margin-left: -3px; border-style: solid; border-width: 3px 3px 0 3px; border-color: #212c43 transparent transparent transparent; } .comment__body:after { content: ""; clear: both; } .comment__author { font-size: 16px; font-weight: bold; color: #212c43; } .comment__author:hover { color: #7ccbfc; } .comment__date { font-size: 12px; color: #9aa0ae; } .comment__message { margin-top: 18px; margin-bottom: 16px; line-height: 24px; } .comment__reply { font-size: 18px; color: #7ccbfc; } .comment__reply .icon-circle { position: relative; top: -2px; } .comment__reply:hover { color: #212c43; } .comment__reply:hover .icon-circle { color: #212c43; border-color: #212c43; } .comments__more { padding-top: 18px; padding-bottom: 22px; text-align: center; } .comments__more__link { padding: 4px 4px 5px 6px; color: #fff; text-transform: uppercase; background: #7ccbfc; } .comments__more__link:hover, .comments__more__link:focus { color: #fff; background: #212c43; } .sidebar { margin-top: 59px; } .sidebar .accordion { min-height: 205px; padding-top: 9px; margin-bottom: -4px; } .sidebar .flickr { padding-top: 10px; } .search-form { position: relative; } .search-form .submit-button { right: 11px; } .categories-list { padding-top: 4px; list-style: none; } .categories-list li { position: relative; padding: 3px 0; margin-bottom: 14px; margin-left: 24px; line-height: 14px; color: #9aa0ae; } .categories-list li:before { content: "\f0a9"; position: absolute; top: 5px; left: -23px; font-family: "FontAwesome"; font-size: 11px; } .categories-list li:hover .categories-list__item { color: #212c43; } .categories-list li:hover:before { color: #212c43; } .categories-list__item { font-weight: bold; color: #9aa0ae; } .popular-item { max-width: 420px; padding-bottom: 29px; margin-top: 37px; text-align: center; border: 3px solid #f3f5f7; } .popular-item .decorated-title { width: 145px; padding-top: 2px; } .popular-item .decorated-title-margin--sm { margin-bottom: 0; } .popular-item .popular-item__date { margin-bottom: 20px; font-size: 12px; color: #9aa0ae; } .popular-item .popular-item__image { max-width: 280px; margin: 0 auto; text-align: center; border: 0; } .popular-item .popular-item__image:hover:before { opacity: 0.5; filter: alpha(opacity=50); } .popular-item .popular-item__description { display: block; padding: 0 22px; text-align: left; } .popular-item .popular-item__title { margin-top: 15px; font-size: 16px; line-height: 20px; color: #212c43; } .popular-item .popular-item__title .icon-circle { position: relative; top: -1px; left: 5px; border-color: #212c43; } .popular-item .popular-item__title .icon-circle.fa { color: #212c43; } .popular-item .popular-item__title:hover { color: #7ccbfc; } .popular-item .popular-item__title:hover .icon-circle { border-color: #7ccbfc; } .popular-item .popular-item__title:hover .icon-circle.fa { color: #7ccbfc; } .tags { padding-top: 10px; margin-bottom: -3px; font-size: 0; list-style: none; } .tags li { display: inline-block; } .tags__item { display: inline-block; padding: 2px 8px 4px 9px; margin-bottom: 3px; margin-left: 3px; font-size: 10px; color: #e5e5da; background: #212c43; } .tags__item:hover { color: #212c43; background: #7ccbfc; } #flickr2 li { border-color: #e5e5da; } .pagination { padding: 11px 0 8px; margin: 30px 0 24px; text-align: center; border: 1px solid #e3e8ec; border-right: 0; border-left: 0; overflow: hidden; } .pagination__item { display: inline-block; width: 36px; height: 36px; margin-right: 8px; margin-left: 8px; font-family: "Oswald", sans-serif; font-size: 20px; line-height: 28px; color: #e8e8dd; text-align: center; border: 4px solid #e8e8dd; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .pagination__item:hover, .pagination__item:focus { color: #7ccbfc; border-color: #7ccbfc; } .pagination__item--active { color: #212c43; border-color: #212c43; pointer-events: none; cursor: default; } .pagination__item--active:hover, .pagination__item--active:focus { color: #212c43; border-color: #212c43; } .pagination__item--disabled { pointer-events: none; cursor: default; } .pagination__item--disabled:hover, .pagination__item--disabled:focus { color: #e8e8dd; border-color: #e8e8dd; } .pagination__item--etc { border: 0; pointer-events: none; cursor: default; } .pagination__item--etc:hover, .pagination__item--etc:focus { color: #e8e8dd; } .pagination__item--previous { position: relative; float: left; margin: 0; } .pagination__item--previous:hover:before, .pagination__item--previous:focus:before { border-color: transparent #7ccbfc transparent transparent; } .pagination__item--previous:before { content: ""; position: absolute; top: 4px; left: 7px; width: 0; height: 0; border-style: solid; border-width: 10px 10px 10px 0; border-color: transparent #e8e8dd transparent transparent; } .pagination__item--previous.pagination__item--disabled:hover:before, .pagination__item--previous.pagination__item--disabled:focus:before { border-color: transparent #e8e8dd transparent transparent; } .pagination__item--next { position: relative; float: right; margin: 0; } .pagination__item--next:hover:before, .pagination__item--next:focus:before { border-color: transparent transparent transparent #7ccbfc; } .pagination__item--next:before { content: ""; position: absolute; top: 4px; right: 7px; width: 0; height: 0; border-style: solid; border-width: 10px 0 10px 10px; border-color: transparent transparent transparent #e8e8dd; } .pagination__item--next.pagination__item--disabled:hover:before, .pagination__item--next.pagination__item--disabled:focus:before { border-color: transparent transparent transparent #e8e8dd; } .pager { position: relative; margin-top: 30px; margin-bottom: 24px; text-align: center; border-top: 1px solid #e3e8ec; border-bottom: 1px solid #e3e8ec; } .pager__item { display: inline-block; padding: 15px 0; margin: 0 13.5px; font-family: "Oswald", sans-serif; font-size: 20px; color: #9aa0ae; text-transform: uppercase; } .pager__item:hover, .pager__item:focus { color: #7ccbfc; } .pager__item:hover:before, .pager__item:focus:before { background: #7ccbfc; } .pager__item--disabled { pointer-events: none; cursor: default; } .pager__item--disabled:hover { color: #9aa0ae; } .pager__item--disabled:hover:before { background: #9aa0ae; } .pager__item--previous, .pager__item--next { position: relative; } .pager__item--previous:before, .pager__item--next:before, .pager__item--previous:after, .pager__item--next:after { content: ""; position: absolute; display: block; } .pager__item--previous:before, .pager__item--next:before { top: 0; bottom: 0; width: 4px; height: 100%; background: #9aa0ae; } .pager__item--previous:after, .pager__item--next:after { top: 50%; width: 0px; height: 0px; margin-top: -5px; border-style: solid; } .pager__item--previous { padding-right: 18px; } .pager__item--previous:before { right: 0; } .pager__item--previous:after { right: 4px; border-width: 5px 5px 5px 0; border-color: transparent #9aa0ae transparent transparent; } .pager__item--previous:hover:after, .pager__item--previous:focus:after { border-color: transparent #7ccbfc transparent transparent; } .pager__item--previous.pager__item--disabled:hover:after { border-color: transparent #9aa0ae transparent transparent; } .pager__item--next { padding-left: 19px; } .pager__item--next:before { left: 0; } .pager__item--next:after { left: 4px; border-width: 5px 0 5px 5px; border-color: transparent transparent transparent #9aa0ae; } .pager__item--next:hover:after, .pager__item--next:focus:after { border-color: transparent transparent transparent #7ccbfc; } .pager__item--next.pager__item--disabled:hover:after { border-color: transparent transparent transparent #9aa0ae; } .price-tables-wrapper { margin-bottom: 30px; font-size: 0; text-align: center; } .price { margin-top: 30px; text-align: center; border: 5px solid; border-color: rgba(124, 203, 252, 0.5); } .price .price__header { padding-top: 18px; padding-bottom: 39px; } .price .price__package { margin-bottom: 12px; font-size: 24px; line-height: 40px; color: #7ccbfc; } .price .price__value { font-size: 50px; line-height: 40px; } .price .feather-wrapper { list-style: none; } .price .price__feather { padding: 14px 0 14px; font-size: 13px; line-height: 21px; border-top: 1px solid; } .price .price__feather:first-child { border: 0; } .price .price__btn { padding-top: 20px; padding-bottom: 30px; } .price .price__btn .btn-lg { padding: 6px 39px 12px 39px; } .price-width { display: inline-block; width: 100%; } .gallery-items-wrapper { padding-top: 30px; } .hover-effect { position: relative; display: block; } .hover-effect .icon-circle { position: absolute; top: 50%; left: 50%; display: block; width: 26px; height: 26px; margin: -13px 0 0 -13px; color: #fff; border-color: #fff; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; opacity: 0; filter: alpha(opacity=0); } .hover-effect:before { content: ""; position: absolute; top: 50%; left: 50%; width: 0; height: 0; background: rgba(33, 44, 67, 0.8); -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; opacity: 0; filter: alpha(opacity=0); overflow: hidden; } .hover-effect:hover .icon-circle { opacity: 1; filter: alpha(opacity=100); } .hover-effect:hover:before { width: 100%; height: 100%; opacity: 1; filter: alpha(opacity=100); } .gallery-item { max-width: 570px; margin: 0 auto 30px; } .gallery-item .gallery__image:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; border: 5px solid #e5e5da; } .gallery-item .gallery__image:hover:after { border-color: transparent; } .gallery-item .gallery__description { padding: 21px 15px 35px 19px; margin-top: 5px; background: #f7f7f6; border-top: 5px solid #e5e5da; } .gallery-item .gallery__title { display: block; font-size: 20px; font-weight: bold; line-height: 20px; color: #212c43; } .gallery-item .gallery__title:hover { color: #7ccbfc; } .gallery-item .gallery__category { margin-top: 2px; margin-bottom: 14px; font-size: 14px; line-height: 20px; color: #9aa0ae; } .gallery-item .gallery__category-link { font-size: 14px; line-height: 20px; color: #9aa0ae; } .gallery-item .gallery__category-link:hover { text-decoration: underline; } .gallery-item .gallery__text { font-size: 12px; line-height: 20px; } .timeline-wrap { overflow: hidden; width: 100%; min-height: 400px; } .timeline { width: 3000px; height: 476px; padding-top: 239px; cursor: url(../images/components/draghand.cur), w-resize; } .timeline.ui-draggable-dragging { cursor: url(../images/components/draghanda.cur), w-resize; } .dateline { position: relative; height: 2px; background: #212c43; } .timeline__year { position: absolute; top: -9px; left: 0; font-size: 18px; } .timeline__year .circle { display: block; width: 20px; height: 20px; margin-bottom: 3px; margin-left: 11px; background: #e5e5da; border: 7px solid #212c43; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .timeline__event { position: absolute; top: 0; left: 0; width: 1px; height: 1px; margin-top: -8px; } .timeline__event .timeline__block { position: absolute; top: 119px; left: -90px; width: 200px; height: 120px; padding: 16px 14px 11px; border: 1px solid #7ccbfc; } .timeline__event .timeline__date { margin: 0; margin-bottom: 11px; font-size: 16px; font-weight: bold; } .timeline__event .timeline__text { font-size: 12px; font-style: italic; line-height: 20px; } .timeline__event .circle { position: absolute; top: 111px; left: 0; z-index: 10; display: block; width: 20px; height: 20px; background: #fff; border: 7px solid #7ccbfc; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; box-shadow: 0 0 0 3px #fff; cursor: pointer; } .timeline__event .line { position: absolute; top: 0; left: 10px; display: block; width: 1px; height: 100px; margin-top: 10px; background: #7ccbfc; } .timeline__event.top .timeline__block { top: -221px; } .timeline__event.top .circle { top: -112px; } .timeline__event.top .line { top: -102px; } .timeline__event.special .timeline__date { color: #f29090; } .timeline__event.special .timeline__block { border-color: #f29090; } .timeline__event.special .circle { background: url(../images/components/timeline-star.svg) no-repeat 50% 50%, #f29090; background-size: 8px 8px; border: 0; } .timeline__event.special .line { background: #f29090; } .team__slider { max-height: 438px; padding-top: 3px; margin-right: -15px; margin-left: -15px; } .team__slider .swiper-slide { padding-right: 15px; padding-left: 15px; } .person { position: relative; text-align: center; } .person .person__photo-holder { position: relative; display: inline-block; width: 200px; height: 200px; padding: 2px; margin-bottom: 16px; border: 2px solid #e5e5da; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .person .person__photo-holder:before { content: ""; position: absolute; top: 8px; right: 8px; bottom: 8px; left: 8px; background: #212c43; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; opacity: 0; filter: alpha(opacity=0); } .person .person__photo-holder:hover:before { opacity: 0.5; filter: alpha(opacity=50); } .person .person__photo-holder .person__photo { display: block; width: 192px; height: 192px; background: #e8e8dd; border: 6px solid #e5e5da; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .person .divider-triangle { margin-bottom: -6px; } .person .divider-triangle:before { top: -14px; margin-left: -10px; border-width: 0 10px 10px 10px; } .person .person__name { display: inline-block; font-size: 16px; font-weight: bold; color: #212c43; } .person .person__name:hover { color: #7ccbfc; } .person .person__detail { padding-top: 3px; margin-bottom: 16px; font-size: 12px; line-height: 14px; color: #999fad; } .person .person__text { line-height: 20px; font-size: 12px; } .person .social { float: none; margin-top: 10px; margin-bottom: 4px; } .person .social--max{ max-width: 210px; } .person .social--max .social__item{ margin-bottom: 10px; } .person .social--max .social__item .fa{ padding-left: 4px; } .person .social .fa { padding-left: 2px; color: #212c43; } .person .social .fa:hover { color: #7ccbfc; } .person .social .icon-circle { border-color: #212c43; } .person .social .icon-circle:hover { border-color: #7ccbfc; } .about__contact { margin-top: 53px; } .about__contact .page__text { margin-bottom: 18px; } .about__contact .contact__button-wrapper { padding-top: 8px; text-align: center; } .about__contact .contact__button { padding-left: 79px; padding-right: 79px; margin-bottom: 18px; } .meet .meet__image { max-width: 456px; padding-top: 7px; } .meet .meet__image-description { position: relative; padding-bottom: 11px; margin: 6px 51px 5px; font-size: 16px; font-style: italic; line-height: 26px; color: #a2a9ae; } .meet .meet__image-description:before { content: ""; position: absolute; z-index: 5; top: -68px; left: -51px; display: block; width: 37px; height: 104px; background: url(../images/components/meet-image-arrow.svg) no-repeat; } .meet .meet__text { font-size: 12px; line-height: 20px; } .meet .meet__service-wrapper { padding: 20px 0 48px; } .meet .meet__service { padding-top: 25px; } .meet .icon-circle { float: left; border-color: #7ccbfc; } .meet .meet__title { margin: 9px 0 23px 75px; font-size: 24px; line-height: 24px; color: #7ccbfc; } .compatibility-content-wrapper { padding-top: 13px; } .compatibility .compatibility__image { position: relative; z-index: 15; padding-top: 3px; max-width: 377px; } .compatibility .compatibility__image-description { position: relative; padding-bottom: 19px; margin: 44px 0 2px 51px; font-size: 16px; font-style: italic; line-height: 26px; color: #a2a9ae; } .compatibility .compatibility__image-description:before { content: ""; position: absolute; z-index: 5; top: -49px; left: -51px; display: block; width: 37px; height: 71px; background: url(../images/components/compatibility-image-arrow.svg) no-repeat; } .video .section-title { margin-bottom: 18px; } .video .fluid-width-video-wrapper { height: 240px; margin: 30px 0 23px; } .video .video__vimeo { border: none; } .video .video__title { margin: 0; margin-top: 26px; font-size: 20px; font-weight: bold; line-height: 20px; } .video .video__author { margin: 0; margin-top: 7px; font-size: 14px; line-height: 20px; color: #9aa0ae; } .video .video__text { margin-top: 19px; font-size: 12px; line-height: 20px; } .video .decorative-lines { margin: 33px 0 0; } .video .video__link { z-index: 100; float: right; margin-top: -1px; background: #fff; } .video .video__link:hover { background: #7ccbfc; } .client-says { padding-bottom: 24px; } .client-says .section-title { margin-bottom: 50px; } .client-says .client-says__item { position: relative; padding-bottom: 22px; overflow: hidden; } .client-says .client-says__item:after { content: "\201C"; position: absolute; right: 0; bottom: -91px; display: none; font-size: 100px; color: #e8e8dd; } .client-says .author__message { position: relative; padding-top: 12px; font-size: 16px; font-style: italic; line-height: 26px; } .qoutation-slider { margin-top: 9px; max-height: 360px; } .qoutation-slider .swiper-slide { padding-left: 2px; } .qoutation-slider .swiper-slide-active { padding-left: 0; } .icon-service { color: #fff; display: inline-block; width: 32px; height: 28px; margin-top: 11px; margin-bottom: 11px; text-align: center; background: url(../images/icons/icons-services.svg) no-repeat; } .icon { font-size: 28px; padding-top: 17px; } .services__item .icon.icon--primary { color: #212c43; } .icon--secondary { color: #7ccbfc; } .services__item .icon { color: #fff; } .swiper-slide--active .icon { color: #212c43; } .icon-gear--white { background-position: 0 0; } .icon-group--white { background-position: 0 -28px; } .icon-cloud--white { background-position: 0 -56px; } .icon-price-tag--white { background-position: 0 -84px; } .icon-gear { background-position: 0 -112px; } .icon-group { background-position: 0 -140px; } .icon-cloud { background-position: 0 -168px; } .icon-price-tag { background-position: 0 -196px; } .icon-chart-pie { background-position: 0 -224px; } .icon-tools { background-position: 0 -252px; } .icon-clock { background-position: 0 -280px; } .icon-files { background-position: 0 -308px; } .icon-briefcase { background-position: 0 -336px; } .icon-price-tag--highlight { background-position: 0 -364px; } .icon-clock--highlight { background-position: 0 -392px; } .services-description { margin-bottom: 6px; } .services-description .section-title-simple { margin-top: 31px; margin-bottom: -4px; } .services-description .services__item { min-height: 160px; padding: 21px 19px; margin: 30px 0 0; background: #e3e8ec; border: 5px solid #f1f3f5; } .services-description .icon-circle { float: left; margin-top: 21px; margin-right: 21px; margin-bottom: 21px; } .services-description .service__title { margin-top: 0; margin-bottom: 12px; font-size: 24px; line-height: 24px; } .services-description .service__text { font-size: 12px; line-height: 20px; } .support .section-title { margin-top: 26px; margin-bottom: 31px; line-height: 40px; color: #f29090; } .support .section-title .text-highlight { font-size: 50px; color: #f29090; } .support .support__text { margin-bottom: 34px; font-size: 12px; line-height: 20px; } .support .support__contacts { font-size: 16px; line-height: 28px; } .support .support__item { font-size: 26px; color: #7ccbfc; text-transform: uppercase; } .services .services__item { margin-bottom: 41px; } .services .services__item:last-child { margin-bottom: 6px; } .services .service__icon-holder { width: 250px; padding: 24px 15px 9px; } .services .service__title { margin-top: 10px; margin-bottom: 10px; } .services .service__description { padding-top: 20px; font-size: 14px; line-height: 24px; } .project { position: relative; margin-top: 60px; margin-bottom: 6px; } .project .project__description { position: relative; padding-top: 23px; padding-bottom: 30px; padding-left: 40px; } .project .project__description:before { content: ""; top: 0; bottom: 0; left: 6px; position: absolute; display: block; width: 1px; background: #f29090; } .project .project__title { margin: 0; margin-bottom: 35px; font-size: 30px; line-height: 34px; } .project .project__info { font-size: 14px; line-height: 24px; list-style: none; } .project .project__item { position: relative; padding-bottom: 29px; } .project .project__item:before { content: ""; position: absolute; top: 8px; left: -39px; display: block; width: 11px; height: 11px; background: #f29090; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .project .project__item__title { margin: 0; margin-bottom: 19px; font-size: 20px; font-weight: bold; color: #f29090; } .project .addthis_toolbox { padding-top: 8px; } .feature-list { padding: 2px 0; line-height: 20px; list-style: none; } .feature-list__category { padding-right: 17px; font-weight: bold; } .carousel { max-height: 500px; border: 5px solid #e5e5da; } .carousel .swiper-slide { max-width: 770px; } .carousel-controls { top: 0; display: block; width: 100%; height: 40px; margin: 0; margin-top: 5px; background: #f7f7f6; border-top: 5px solid #e5e5da; text-align: center; } .carousel-controls .prev-arrow, .carousel-controls .next-arrow { top: 5px; width: 20px; height: 20px; border-width: 2px; } .carousel-controls .prev-arrow:before, .carousel-controls .next-arrow:before { content: ""; position: absolute; top: 3px; display: block; width: 0; height: 0; border-style: solid; } .carousel-controls .prev-arrow:hover, .carousel-controls .next-arrow:hover { border-color: #212c43; } .carousel-controls .prev-arrow { margin-right: 20px; } .carousel-controls .prev-arrow:before { left: 4px; border-width: 5.5px 6px 5.5px 0; border-color: transparent #e8e8dd transparent transparent; } .carousel-controls .prev-arrow:hover:before { border-color: transparent #212c43 transparent transparent; } .carousel-controls .next-arrow:before { right: 4px; border-width: 5.5px 0 5.5px 6px; border-color: transparent transparent transparent #e8e8dd; } .carousel-controls .next-arrow:hover:before { border-color: transparent transparent transparent #212c43; } .similar-projects { margin-bottom: 6px; } .similar-projects .section-title { margin-bottom: 39px; } .decorated-slider-wrapper .decorative-lines { top: 67px; } .decorated-slider { max-height: 160px; margin-right: -15px; margin-left: -15px; } .decorated-slider .swiper-slide { padding-right: 15px; padding-left: 15px; } .decorated-slider .image-holder { max-width: 270px; border: 5px solid rgba(124, 203, 252, 0.5); } .client-says .section-title { margin-bottom: 30px; } #contact__map { height: 380px; } #contact__map img { max-width: none; } .contact { padding-bottom: 24px; } .contact .section-title { margin-bottom: 40px; } .contact .contact__text { margin-bottom: 35px; font-size: 12px; line-height: 20px; } .contact .contact__info__item { display: block; margin-bottom: 30px; font-size: 14px; font-weight: bold; line-height: 20px; color: #9aa0ae; } .contact .contact__info__item:last-child { margin-bottom: 0; } .contact .contact__info__item .icon-circle { margin-right: 10px; color: #7ccbfc; border-color: #7ccbfc; } .contact-form { padding: 20px 20px 17px 20px; margin-top: 60px; text-align: center; border: 8px double #f3f5f7; } .contact-form .form__field { height: 40px; margin-bottom: 14px; } .contact-form .form__field--message { min-height: 110px; } .contact-form .btn { padding-right: 19px; padding-left: 19px; margin-top: 10px; } .contact-form .form__field--invalid { border: 1px solid #f29090; } .contact-form .form__tooltip { padding-right: 6px; padding-left: 6px; margin-top: -34px; } .shop .section-title-simple { margin-top: 56px; } .shop .shop__category { position: relative; max-width: 470px; padding: 0 23px 30px 23px; margin: 42px auto 40px; color: #fff; border: 5px solid #bde5fd; background: #7ccbfc; } .shop .shop__category__title { margin-top: 3px; margin-bottom: 19px; font-size: 24px; font-weight: bold; line-height: 24px; text-transform: uppercase; } .shop .shop__category__text { font-size: 16px; line-height: 20px; } .shop .shop__category__image { position: relative; top: -20px; right: 0; max-width: 413px; } .shop .shop__view { margin-top: 4px; list-style: none; } .shop .shop__view__item { display: inline-block; margin-right: 31px; } .shop .shop__view__link { color: #9aa0ae; } .shop .shop__view__link .fa { color: #9aa0ae; } .shop .shop__view__item--active .shop__view__link { color: #212c43; } .shop .shop__view__item--active .shop__view__link .fa { color: #212c43; } .shop .select-form { margin-top: 15px; } .products-wrapper { margin-top: 4px; } .product { max-width: 370px; margin: 0 auto 30px ; } .product .product__image { position: relative; } .product .product__image:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; border: 5px solid #e5e5da; } .product .product__image:hover:after { border-color: transparent; } .product .product__description { padding: 11px 15px 20px 19px; margin-top: 5px; background: #f7f7f6; border-top: 5px solid #e5e5da; } .product .product__title { display: block; margin-bottom: 12px; font-size: 20px; font-weight: bold; line-height: 20px; color: #212c43; } .product .product__title:hover { color: #7ccbfc; } .product .product__category { margin-bottom: 14px; font-size: 14px; line-height: 20px; color: #9aa0ae; } .product .product__category-link { color: #9aa0ae; } .product .product__category-link:hover { text-decoration: underline; } .product .btn { margin-top: 10px; padding-right: 24px; padding-left: 22px; } .product .product__price { position: relative; bottom: -13px; float: right; margin-right: 10px; font-size: 30px; font-weight: bold; line-height: 30px; } .select-form { display: inline-block; width: 220px; } .select-form .selectpicker { min-height: 30px; padding: 0; padding-left: 10px; margin: 0; font-family: Arial, sans-serif; font-size: 13px; line-height: 20px; color: #212c43; background: transparent; border-color: #ccc; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .select-form .selectpicker:focus { outline: 0 none !important; } .select-form .selectpicker:hover, .select-form .selectpicker:focus, .select-form .selectpicker:active, .select-form .selectpicker.active, .select-form .open .dropdown-toggle.selectpicker { background: transparent; border-color: #ccc; box-shadow: none; } .select-form .btn-group.open .dropdown-toggle { box-shadow: none; } .select-form .dropdown-menu { width: 220px; box-shadow: none; } .select-form .dropdown-menu > li { margin: 0 7px; border-bottom: 1px dotted #515151; } .select-form .dropdown-menu > li:last-child { border: 0; } .select-form .dropdown-menu > li > a { padding: 8px 3px; color: #ddd; } .select-form .dropdown-menu > li > a:hover, .select-form .dropdown-menu > li > a:focus { background: transparent; color: #212c43; } .select-form .bootstrap-select.btn-group .dropdown-menu { z-index: 999; } .slider-range { margin-top: 14px; margin-bottom: 10px; } .slider-range .slider-range__label { margin-top: 21px; font-size: 14px; line-height: 20px; } .slider-range .slider-range__amount { display: inline-block; width: 80px; padding: 0; margin-left: 4px; background: transparent; border: none; } .slider-range .link-highlight { margin-top: 10px; margin-left: -10px; font-size: 14px; } .slider-range .ui-slider { height: 5px; margin-right: 5px; background: #9aa0ae; border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .slider-range .ui-slider-range { background: #212c43; } .slider-range .ui-slider-handle { width: 13px; height: 13px; background-color: #212c43; background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.05), rgba(2, 2, 2, 0)); background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.05), rgba(2, 2, 2, 0)); background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.05), rgba(2, 2, 2, 0)); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05), rgba(2, 2, 2, 0)); border: 1px solid #212c43; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.5); -moz-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.5); box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.5); } .accordion .panel.select-form-wrapper { overflow: visible; } .color-filter { font-size: 0; margin: 0 -5px; line-height: 0; } .color-filter .color-filter__item { display: inline-block; width: 40px; height: 40px; margin: 5px; background: gold; } .color-filter .color-filter__item:hover { background: rgba(33, 44, 67, 0.8); } .color-filter .color1 { background: #90bf34; } .color-filter .color2 { background: #30384b; } .color-filter .color3 { background: #6189a3; } .color-filter .color4 { background: #d9e5ea; } .color-filter .color5 { background: #e62b2a; } .color-filter .color6 { background: #4eb9e7; } .color-filter .color7 { background: #f5f5f5; } .color-filter .color8 { background: #dbdee1; } .color-filter .color9 { background: #ffd564; } .color-filter .color10 { background: #4c4145; } .color-filter .color11 { background: #fe505a; } .color-filter .color12 { background: #969b9f; } .color-filter .color13 { background: #374147; } .color-filter .color14 { background: #a1daea; } .color-filter .color15 { background: #4f83a6; } .color-filter .color16 { background: #f6b127; } .color-filter .color17 { background: #8ccfbc; } .color-filter .color18 { background: #7f5122; } .color-filter .color-filter__item--selected { position: relative; background: rgba(33, 44, 67, 0.8); } .color-filter .color-filter__item--selected:before { content: "\f00c"; position: absolute; top: 20px; left: 13px; font-family: "FontAwesome"; font-size: 14px; color: #fff; } .products--list-wrapper .divider-simple { background: #9aa0ae; } .rating .rating__stars { display: inline-block; margin-right: 10px; } .rating .rating__stars img { margin-right: 3px; } .rating .rating__label { position: relative; top: 1px; display: inline-block; font-size: 12px; font-weight: bold; line-height: 20px; color: #ebb524; } .tabs-full .tab-content { padding-bottom: 0; } .tabs-full p { margin-bottom: 24px; font-size: 14px; line-height: 24px; } .shop-tabs { margin-top: 10px; } .product-similar { margin-bottom: 79px; } .product-similar .section-title { margin-top: 31px; } .product--full-wrapper .carousel, .product--full-wrapper .carousel-controls { max-width: 570px; } .error { text-align: center; background: #212c43; } .error__header { padding-top: 24px; padding-bottom: 18px; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); } .error__content { padding-top: 302px; padding-bottom: 150px; background-image: url("../images/404.png"); background-repeat: no-repeat; background-position: center 0; background-size: 471.333333px 474.666667px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .error__content { background-image: url("../images/404x2.png"); background-size: 707px 712px; } } .error__content .error__title { margin-bottom: 25px; font-size: 30px; line-height: 40px; color: #e5e5da; } .error__content .error__text { margin-bottom: 35px; font-size: 14px; line-height: 24px; color: #8b98b2; } .error__content .error__link:hover { color: #e5e5da; } .error__content .search-form { display: inline-block; width: 100%; } .error__content #input-search { height: 40px; background: #e5e5da; border: none; } .coming-header { padding-top: 26px; padding-bottom: 18px; text-align: center; background: #212c43; } .coming-header .decorative-lines:before { top: 7px; } .coming-header .decorative-lines:after { top: 16px; } .coming-header .logo-img { margin-top: 7px; margin-bottom: 30px; } .coming-content { padding-top: 64px; padding-bottom: 68px; text-align: center; } .coming-content .coming-title { margin-bottom: 25px; font-family: "Oswald", sans-serif; font-size: 78px; line-height: 85px; text-transform: uppercase; } .coming-content .section-title-simple { margin-top: 0; font-size: 24px; line-height: 30px; } .coming-content .coming-text { margin-bottom: 34px; font-size: 14px; line-height: 24px; } .coming-content .decorative-lines { top: 117px; display: none; } .coming-content .divider-triangle { max-width: 280px; display: inline-block; margin-bottom: 48px; } .coming-content .subscribe-form { margin-top: 14px; } .counters { padding: 35px 0 32px; font-size: 0; } .counters .timer-wrap { position: relative; display: inline-block; margin: 0 10px 20px 10px; } .counters .timer-bg { position: absolute; top: 10px; left: 10px; width: 181px; height: 181px; background: rgba(124, 203, 252, 0.5); border: 3px solid #7ccbfc; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .counters .digits, .counters .digits-label { position: absolute; width: 100%; font-family: "Oswald", sans-serif; color: #fff; text-shadow: 0 1px 0 #7ccbfc; } .counters .digits { top: 51px; font-size: 46px; } .counters .digits-label { top: 111px; font-size: 20px; text-transform: uppercase; } .coming-footer-wrapper .widget-contacts { padding-top: 4px; } .coming-footer-wrapper .widget-contacts__item { margin-bottom: 10px; line-height: 22px; } .coming-footer-wrapper .widget-contacts__item .icon-circle { float: left; } .coming-footer-wrapper .widget-tweets { margin-top: 25px; } .widget-social .social { float: none; margin-top: 4px; } .widget-social .social__item { margin: 0 10px 10px 0; } .social__item .fa-vimeo-square { padding-top: 4px; font-size: 16px; } .social__item .fa-youtube { padding-top: 4px; font-size: 16px; } .social__item .fa-skype { padding-top: 4px; font-size: 17px; } .home-title-wrapper { position: relative; height: 480px; text-align: center; } .home-title-wrapper .page-title-main { margin-top: 131px; margin-bottom: 15px; font-family: "Oswald", sans-serif; font-size: 50px; line-height: 52px; color: #162a43; text-transform: uppercase; text-shadow: 0 1px 0 #dfe5e0; } .home-title-wrapper .page-title-secondary { margin-top: 0; margin-bottom: 52px; font-size: 18px; line-height: 22px; color: #fff; text-shadow: 0 2px 0 rgba(33, 44, 67, 0.2); } .home-title-wrapper .decorative-lines { display: none; top: 65px; } .home-title-wrapper .decorative-lines:before, .home-title-wrapper .decorative-lines:after { border-color: rgba(232, 232, 221, 0.2); } .home-title-wrapper .divider-simple { position: absolute; bottom: -2px; background: #212c43; } .circle-info-buttons { display: none; margin-right: -8.5px; margin-bottom: 61px; margin-left: -8.5px; font-size: 0; text-align: center; } .circle-info-wrapper { position: relative; display: inline-block; width: 130px; height: 130px; margin: 8.5px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-perspective: 900px; -moz-perspective: 900px; perspective: 900px; cursor: default; } .circle-info { position: absolute; width: 100%; height: 100%; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; } .circle-info__front, .circle-info__back { position: absolute; display: block; width: 100%; height: 100%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 0 0 7px rgba(232, 232, 221, 0.2); -moz-box-shadow: 0 0 0 7px rgba(232, 232, 221, 0.2); box-shadow: 0 0 0 7px rgba(232, 232, 221, 0.2); -webkit-transition: all 400ms linear; -moz-transition: all 400ms linear; -o-transition: all 400ms linear; transition: all 400ms linear; -webkit-transform-origin: 50% 0%; -moz-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; transform-origin: 50% 0%; } .circle-info__title { font-family: "Oswald", sans-serif; font-size: 20px; line-height: 20px; text-transform: uppercase; } .circle-info__front { background: rgba(232, 232, 221, 0.5); border: 3px solid #e8e8dd; } .circle-info__front .circle-info__title { margin-top: 57px; color: #162a43; text-shadow: 0 1px 0 #e8e8dd; } .circle-info__back { background: #7ccbfc; border: 3px solid #fff; -webkit-transform: translate3d(0, 0, -180px) rotate3d(1, 0, 0, 90deg); -moz-transform: translate3d(0, 0, -180px) rotate3d(1, 0, 0, 90deg); -o-transform: translate3d(0, 0, -180px) rotate3d(1, 0, 0, 90deg); -ms-transform: translate3d(0, 0, -180px) rotate3d(1, 0, 0, 90deg); transform: translate3d(0, 0, -180px) rotate3d(1, 0, 0, 90deg); opacity: 0; filter: alpha(opacity=0); } .circle-info__back .circle-info__title { margin-top: 40px; margin-bottom: 12px; color: #fff; text-shadow: 0 1px 0 #5fb9f0; } .circle-info__back .circle-info__text { padding: 0 15px; margin-bottom: 12px; font-size: 12px; line-height: 14px; color: #fff; } .circle-info__back .icon-circle { color: #fff; border-color: #fff; } .circle-info__back .icon-circle:hover { color: #212c43; border-color: #212c43; } .circle-info-wrapper.hover .circle-info__front { -webkit-transform: translate3d(0, 240px, 0) rotate3d(1, 0, 0, -90deg); -moz-transform: translate3d(0, 240px, 0) rotate3d(1, 0, 0, -90deg); -o-transform: translate3d(0, 240px, 0) rotate3d(1, 0, 0, -90deg); -ms-transform: translate3d(0, 240px, 0) rotate3d(1, 0, 0, -90deg); transform: translate3d(0, 240px, 0) rotate3d(1, 0, 0, -90deg); opacity: 0; filter: alpha(opacity=0); } .circle-info-wrapper.hover .circle-info__back { -webkit-transform: rotate3d(1, 0, 0, 0deg); -moz-transform: rotate3d(1, 0, 0, 0deg); -o-transform: rotate3d(1, 0, 0, 0deg); -ms-transform: rotate3d(1, 0, 0, 0deg); transform: rotate3d(1, 0, 0, 0deg); opacity: 1; filter: alpha(opacity=100); } .promobox-position { position: relative; z-index: 100; margin-top: -45px; margin-bottom: 26px; } .benefits { overflow: hidden; } .roundabout-wrapper { max-height: 510px; margin-bottom: 51px; } .roundabout { height: 510px; margin-top: 55px; list-style: none; } .roundabout-slide { width: 268px; height: 510px; cursor: url(../images/components/draghand.cur), w-resize; } .universe { height: 200px; margin-top: 60px; margin-bottom: 4px; background: url(../images/univers-bg.jpg) repeat-x center 0; background-size: cover; -webkit-box-shadow: 0 0 0 5px rgba(232, 232, 221, 0.5); -moz-box-shadow: 0 0 0 5px rgba(232, 232, 221, 0.5); box-shadow: 0 0 0 5px rgba(232, 232, 221, 0.5); } .universe .section-title { position: relative; z-index: 100; margin-top: 60px; } .universe .decorative-lines { top: -92px; z-index: 1; } .universe .decorative-lines:before, .universe .decorative-lines:after { border-color: rgba(232, 232, 221, 0.2); } .circle-buttons-holder { margin-top: 35px; font-size: 0; } .divided-section { position: relative; } .divided-section .divider-circle { margin-top: 39px; } .divided-section .section-title { margin-top: 52px; } .divider-vertical { position: absolute; z-index: 100; top: 40px; bottom: 25px; left: 50%; width: 1px; background: #e3e8ec; } .choose-us .section-title { margin-top: 30px; } .choose-us .accordion { max-width: 540px; min-height: 225px; margin-bottom: 26px; } .divider-circle-margin { margin-top: 26px; margin-bottom: 25px; } .bannercontainer { position: relative; width: 100%; padding: 5px; margin-top: 20px; background: rgba(232, 232, 221, 0.5); } .banner { position: relative; width: 100%; max-height: 450px; overflow: hidden; } .fullscreen-container { position: relative; width: 100%; padding: 0; max-height: 629px; overflow: hidden; } .tp-caption .btn { padding-right: 28px; padding-left: 26px; } .tp-caption .btn, .tp-caption .btn:hover { color: #ffffff; } .tp-bullets.tp-thumbs { display: none; background: transparent; } .tp-bullets.tp-thumbs .bullet { position: relative; opacity: 1; filter: alpha(opacity=100); } .tp-bullets.tp-thumbs .bullet:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(33, 44, 67, 0.3); } .tp-bullets.tp-thumbs .bullet:hover:after { display: none; } .tparrows.default { display: none; width: 36px; height: 36px; background: transparent; border: 3px solid #212c43; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .tparrows.default:before { content: ""; position: absolute; top: 5px; display: block; width: 0; height: 0; border-style: solid; } .tparrows.default:hover { border-color: #212c43; } .tp-leftarrow:before { left: 8px; border-width: 10px 10px 10px 0; border-color: transparent #212c43 transparent transparent; } .tp-rightarrow:before { right: 8px; border-width: 10px 0 10px 10px; border-color: transparent transparent transparent #212c43; } .revo-slider .slide__title { color: #fff; font-size: 52px; font-weight: bold; line-height: 54px; text-transform: uppercase; text-shadow: 0 2px 0 rgba(33, 44, 67, 0.5); } .revo-slider .slide__title--smaller { font-size: 32px; text-shadow: none; } .revo-slider .slide__title--thinner { font-family: "Oswald", sans-serif; font-size: 32px; font-weight: 400; text-shadow: none; } .revo-slider .slide__text { font-size: 14px; line-height: 24px; color: #fff; } .revo-slider .slide__text--box { text-align: center; } .revo-slider .slide__box { width: 600px; height: 125px; background: rgba(255, 255, 255, 0.2); border: 5px solid #fff; } .revo-slider .slide__image1 { width: 190px; height: 215px; background-image: url("../images/revo_slider/revo-img1.png"); background-size: 190px 215px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .revo-slider .slide__image1 { background-image: url("../images/revo_slider/revo-img1x2.png"); background-size: 190px 215px; } } .revo-slider .slide__title--lg { font-size: 60px; text-shadow: none; } .revo-slider .slide__title--secondary { font-size: 24px; text-transform: none; font-weight: normal; text-shadow: none; } .revo-slider .slide__image2 { width: 120px; height: 101px; background-image: url("../images/revo_slider/revo-img2.png"); background-size: 120px 101px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .revo-slider .slide__image2 { background-image: url("../images/revo_slider/revo-img2x2.png"); background-size: 120px 101px; } } .revo-slider .slide__text--block { display: block; padding: 31px 30px 28px 25px; font-size: 44px; font-weight: bold; text-transform: uppercase; background: #212c43; } .revo-slider .slide__title--dark { font-size: 44px; font-weight: bold; color: #212c43; text-shadow: none; } .revo-slider .slide__title--dark-secondary { font-size: 28px; font-weight: normal; text-transform: none; color: #212c43; text-shadow: none; } .revo-slider .slide__list { font-size: 33px; color: #fff; } .revo-slider .slide__list .icon-circle { width: 11px; height: 11px; padding-top: 2px; padding-right: 1px; padding-left: 1px; margin-right: 8px; font-size: 5px; line-height: 5px; color: #fff; border-width: 1px; border-color: #fff; } .revo-slider .slide__image3 { width: 165px; height: 145px; background-image: url("../images/revo_slider/revo-img3.png"); background-size: 165px 145px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .revo-slider .slide__image3 { background-image: url("../images/revo_slider/revo-img3x2.png"); background-size: 165px 145px; } } .divider-simple.divider-simple-position { position: relative; top: 1px; background: #212c43; } .section-title--smaller { margin-top: 61px; margin-bottom: 30px; font-size: 20px; line-height: 31px; } .section-title--smaller .text-highlight { font-size: 40px; color: #7ccbfc; text-transform: uppercase; } .section-title.section-title--light { font-size: 20px; line-height: 36px; color: #fff; } .section-title.section-title--light .text-highlight { font-size: 50px; color: #fff; } .accordion--secondary .panel.panel-default + .panel { margin-top: 1px; } .accordion--secondary .panel-heading { border: 3px solid #f3f5f7; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; overflow: hidden; } .accordion--secondary .panel-title > a { padding-top: 1px; padding-left: 42px; font-size: 12px; } .accordion--secondary .panel-title > a.collapsed { color: #212c43; } .accordion--secondary .panel-collapse .panel-body { padding: 13px 0 14px 44px; } .accordion--secondary .marker { top: 0px; width: 27px; height: 100%; background: #f3f5f7; border: 0; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .accordion--secondary .marker:before { width: 10px; margin-top: -1px; margin-left: -7px; } .accordion--secondary .marker:after { height: 10px; margin-top: -5px; margin-left: -3px; } .accordion--mixed .panel.panel-default + .panel { margin-top: 10px; } .accordion--mixed .panel-title > a { padding: 4px 0 7px 45px; font-weight: 400; } .accordion--mixed .panel-collapse .panel-body { padding: 3px 0 3px 44px; } .accordion--mixed .marker { top: 0px; width: 30px; height: 30px; background: #f3f5f7; border: 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .accordion--mixed .marker:before { width: 10px; margin-top: -1px; margin-left: -5px; } .accordion--mixed .marker:after { height: 10px; margin-top: -5px; margin-left: -1px; } .btn--highlight { color: #fff; background-color: #7ccbfc; border-color: #7ccbfc; } .btn--highlight:hover, .btn--highlight:focus { color: #fff; background-color: #63c1fb; border-color: #7ccbfc; } .dropcaps--square:first-letter { padding: 18px 21px 17px 20px; margin: 5px 21px 5px 18px; font-family: "PT Sans", sans-serif; font-size: 36px; color: #fff; background: #7ccbfc; } .dropcaps--circle:first-letter { padding: 21px 24px 20px 22px; margin: 7px 19px 5px 20px; font-family: "PT Sans", sans-serif; font-size: 28px; color: #212c43; background: #e5e5da; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .promobox--neutral { background-color: #e3e8ec; -webkit-box-shadow: 0 0 0 5px rgba(227, 232, 236, 0.5); -moz-box-shadow: 0 0 0 5px rgba(227, 232, 236, 0.5); box-shadow: 0 0 0 5px rgba(227, 232, 236, 0.5); } .promobox--dark { color: #fff; background-color: #212c43; background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 50%, rgba(4, 4, 4, 0.1) 0%); background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 50%, rgba(4, 4, 4, 0.1) 0%); background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 50%, rgba(4, 4, 4, 0.1) 0%); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 50%, rgba(4, 4, 4, 0.1) 0%); background-image: linear-gradient(top, rgba(0, 0, 0, 0) 50%, rgba(4, 4, 4, 0.1) 0%); -webkit-box-shadow: 0 0 0 5px rgba(33, 44, 67, 0.5); -moz-box-shadow: 0 0 0 5px rgba(33, 44, 67, 0.5); box-shadow: 0 0 0 5px rgba(33, 44, 67, 0.5); } .promobox.promobox--alternative { padding: 60px 26px 55px; margin: 0; margin-top: 32px; text-align: center; background: #e3e8ec; border: 5px solid #f1f3f5; } .promobox.promobox--alternative .promobox__title { margin: 0; margin-bottom: 8px; font-size: 20px; font-weight: bold; line-height: 26px; text-transform: uppercase; } .promobox.promobox--alternative .promobox__text { margin: 0; margin-bottom: 33px; font-size: 12px; line-height: 18px; } .promobox.promobox--alternative .btn { float: none; padding: 5px 36px 10px 36px; margin: 0; } .promobox.promobox--alternative .contact__button { padding-left: 50px; padding-right: 50px; } .tabs--vertical .nav-tabs { display: block; float: none; border: 0; } .tabs--vertical .nav-tabs > li { float: none; } .tabs--vertical .nav-tabs > li > a { padding: 9px 19px 14px 17px; margin-right: -5px; font-weight: bold; color: #212c43; background: transparent; border: 0; } .tabs--vertical .nav-tabs > li > a:hover { color: #7ccbfc; background: transparent; } .tabs--vertical .nav-tabs > li > a:focus { background: transparent; } .tabs--vertical .nav-tabs > li.active > a, .tabs--vertical .nav-tabs > li.active > a:hover, .tabs--vertical .nav-tabs > li.active > a:focus { color: #7ccbfc; } .tabs--vertical .tab-content { padding-right: 30px; padding-left: 30px; background: #7ccbfc; border: 0; border-left: 5px solid #d6effe; overflow: auto; } .tabs-responsive .tabs--vertical { min-height: 300px; } .tooltip--primary + .tooltip.top > .tooltip-inner { color: #fff; background-color: #212c43; } .tooltip--primary + .tooltip.top > .tooltip-arrow { border-top-color: #212c43; } .tooltip--info + .tooltip.top > .tooltip-inner { color: #212c43; background-color: #7ccbfc; } .tooltip--info + .tooltip.top > .tooltip-arrow { border-top-color: #7ccbfc; } .tooltip--danger + .tooltip.top > .tooltip-inner { color: #fff; background-color: #f29090; } .tooltip--danger + .tooltip.top > .tooltip-arrow { border-top-color: #f29090; } .list-arrow { margin-top: -8px; font-size: 14px; line-height: 24px; list-style: none; } .list-arrow .list__item { position: relative; padding: 8px 5px 8px 51px; } .list-arrow .list__item:last-child { margin: 0; } .list-arrow .list__item .icon-circle { position: absolute; top: 10px; left: 6px; color: #7ccbfc; border-color: #7ccbfc; } .post--preview-info { padding-top: 30px; padding-bottom: 25px; } .post--preview-info:first-child { margin-top: 10px; } .post--preview-info .post__info { width: 200px; margin: 0 auto; text-align: center; } .post--preview-info .post__author__photo-holder { width: 100px; height: 100px; padding: 2px; margin: 0 auto; border: 2px solid #e5e5da; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .post--preview-info .post__author__photo-holder .post__author__photo { display: block; width: 92px; height: 92px; background: #e8e8dd; border: 1px solid #e5e5da; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .post--preview-info .post__author__name { display: block; padding-top: 14px; margin-top: 10px; font-size: 16px; font-weight: bold; color: #212c43; } .post--preview-info .post__author__name:hover { color: #7ccbfc; } .post--preview-info .post__author__detail { padding: 3px 0 1px; margin-bottom: 21px; font-size: 12px; line-height: 14px; color: #999fad; } .post--preview-info .post__date { padding-top: 14px; font-size: 12px; line-height: 20px; color: #212c43; } .post--preview-info .post__description { margin-top: 19px; } .post--preview-info .post__title { display: block; margin-top: 0; margin-bottom: 25px; font-size: 24px; line-height: 29px; color: #212c43; } .post--preview-info .post__title:hover { color: #7ccbfc; } .post--preview-info .post__image { max-width: 630px; border: 0; } .post--preview-info .post__image--full { max-width: 1000px; } .post--preview-info .post__text { margin-top: 23px; margin-bottom: 20px; line-height: 20px; font-size: 12px; color: #999fad; } .post--preview-info .post__more { padding-right: 11px; padding-left: 7px; margin-left: -7px; } .post--preview { padding: 26px 0 7px; } .post--preview:first-child { margin-top: 31px; } .post--preview .divider-simple { background: #e5e5da; } .post--preview .post__info { float: right; width: 120px; text-align: right; } .post--preview .post__date { margin-bottom: 17px; font-family: "Oswald", sans-serif; font-size: 20px; line-height: 24px; text-transform: uppercase; } .post--preview .post__comments { display: block; padding: 18px 8px 18px 0; font-size: 12px; color: #9aa0ae; } .post--preview .post__comments .fa { position: relative; top: 0; left: 8px; font-size: 15px; color: #9aa0ae; } .post--preview .post__comments:hover { color: #7ccbfc; } .post--preview .post__comments:hover .fa { color: #7ccbfc; } .post--preview .post__description { clear: right; padding-top: 3px; } .post--preview .post__image { max-width: 630px; } .post--preview .post__image--full { max-width: 1140px; } .post--preview .post__title { display: block; padding: 23px 0 8px; margin: 0; font-size: 24px; line-height: 29px; color: #212c43; } .post--preview .post__title:hover { color: #7ccbfc; } .post--preview .post__text { font-size: 12px; line-height: 20px; color: #999fad; } .post--preview .icon-circle { position: relative; top: 1px; left: 10px; color: #212c43; border-color: #212c43; } .post--preview .icon-circle:hover { color: #7ccbfc; border-color: #7ccbfc; } .post--latest .post__image { max-width: 170px; margin-right: 20px; margin-bottom: 13px; } .post--latest .post__title { display: block; margin-top: 0; margin-bottom: 41px; font-size: 24px; line-height: 29px; color: #212c43; } .post--latest .post__date { margin-bottom: 20px; font-family: "Oswald", sans-serif; font-weight: 400; font-size: 12px; line-height: 14px; color: #999fad; text-transform: uppercase; } .post--latest .post__text { margin-bottom: 34px; font-size: 12px; line-height: 20px; color: #999fad; } .post--latest .icon-circle { position: relative; top: 1px; left: 10px; color: #212c43; border-color: #212c43; } .post--latest:hover .icon-circle { color: #7ccbfc; border-color: #7ccbfc; } #post-blocks-container { margin-top: 60px; } .block-width-1 { width: 218px; } .block-width-2 { width: 218px; } .block-height-1 { height: 289px; } .block-height-2 { height: 415px; } .post--preview-block { position: relative; margin-bottom: 30px; background: #212c43; overflow: hidden; } .post--preview-block .post__image { border: 0; } .post--preview-block .post__description { position: absolute; top: 0; left: 0; padding: 17px 20px 0 20px; text-align: right; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .post--preview-block .post__date { display: block; margin-bottom: 17px; font-family: "Oswald", sans-serif; color: #8b98b2; text-transform: uppercase; } .post--preview-block .post__title { display: block; margin: 0; color: #fff; } .post--preview-block .post__title:hover { color: #d2d7e1; } .post--preview-block .post__text { display: none; } .post--preview-block .divider-simple { background: #8b98b2; } .post--preview-block .icon-circle { position: absolute; right: 21px; bottom: 21px; z-index: 20; color: #8b98b2; border-color: #8b98b2; } .post--preview-block .icon-circle:hover { color: #fff; border-color: #fff; } .block-width-1 .post__image { max-width: 370px; } .block-width-1 .divider-simple { margin-bottom: 22px; } .block-width-1 .post__date, .block-width-1 .post__title { font-size: 14px; line-height: 20px; } .block-width-1.block-height-1 .post__description { top: 118px; right: 0; } .block-width-1.block-height-2 .post__description { top: 200px; right: 0; } .block-width-2 .post__date, .block-width-2 .post__title { font-size: 12px; line-height: 14px; } .block-width-2 .post__description { top: 158px; right: 0; padding: 10px 10px 0; } .block-width-2:after { content: ""; position: absolute; right: 18px; bottom: 57px; left: 22px; z-index: 10; height: 1px; background: #8b98b2; } .block-width-1.block-height-1 .post__date, .block-width-2 .post__date, .post--preview-block:hover .post__date { float: left; width: 33%; } .block-width-1.block-height-1 .post__title, .block-width-2 .post__title, .post--preview-block:hover .post__title { float: right; width: 60%; margin-top: -2px; text-align: left; } .block-width-1.block-height-1 .divider-simple, .block-width-2 .divider-simple, .post--preview-block:hover .divider-simple { display: none; } .post--preview-block:before { content: ""; position: absolute; height: 0px; } .block-width-1.block-height-1:before, .post--preview-block:hover:before { content: ""; position: absolute; right: 18px; bottom: 57px; left: 22px; z-index: 10; height: 1px; background: #8b98b2; } .post--preview-block:hover .post__description { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 5; padding: 17px 20px 0 20px; background: #212c43; } .post--preview-block:hover .post__date, .post--preview-block:hover .post__title { display: none; } .post--preview-block:hover .post__text { display: block; font-size: 12px; line-height: 20px; color: #8692ac; text-align: left; } .price--light .price__header { padding-bottom: 40px; } .price--light .price__package { color: #767d8e; } .price--light .price__feather { color: #767d8e; border-color: #f1f1eb; } .price--light .price__feather strong { color: #212c43; } .price--light .price__feather:first-child { padding-top: 23px; } .price--light .price__btn { padding-left: 1px; } .price--light.price--free { border-color: rgba(247, 247, 235, 0.5); } .price--light.price--free .price__header { background: #f7f7eb; -webkit-box-shadow: inset 0 -10px 0 rgba(255, 255, 255, 0.5), 0 1px 0 rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 -10px 0 rgba(255, 255, 255, 0.5), 0 1px 0 rgba(0, 0, 0, 0.05); box-shadow: inset 0 -10px 0 rgba(255, 255, 255, 0.5), 0 1px 0 rgba(0, 0, 0, 0.05); } .price--light.price--standard { border-color: rgba(242, 242, 230, 0.5); } .price--light.price--standard .price__header { background: #f2f2e6; -webkit-box-shadow: inset 0 -10px 0 rgba(255, 255, 255, 0.5), 0 1px 0 rgba(0, 0, 0, 0.07); -moz-box-shadow: inset 0 -10px 0 rgba(255, 255, 255, 0.5), 0 1px 0 rgba(0, 0, 0, 0.07); box-shadow: inset 0 -10px 0 rgba(255, 255, 255, 0.5), 0 1px 0 rgba(0, 0, 0, 0.07); } .price--light.price--advanced { border-color: rgba(237, 237, 225, 0.5); } .price--light.price--advanced .price__header { background: #edede1; -webkit-box-shadow: inset 0 -10px 0 rgba(255, 255, 255, 0.5), 0 1px 0 rgba(0, 0, 0, 0.09); -moz-box-shadow: inset 0 -10px 0 rgba(255, 255, 255, 0.5), 0 1px 0 rgba(0, 0, 0, 0.09); box-shadow: inset 0 -10px 0 rgba(255, 255, 255, 0.5), 0 1px 0 rgba(0, 0, 0, 0.09); } .price--light.price--professional { border-color: rgba(232, 232, 220, 0.5); } .price--light.price--professional .price__header { background: #e8e8dc; -webkit-box-shadow: inset 0 -10px 0 rgba(255, 255, 255, 0.5), 0 1px 0 rgba(0, 0, 0, 0.11); -moz-box-shadow: inset 0 -10px 0 rgba(255, 255, 255, 0.5), 0 1px 0 rgba(0, 0, 0, 0.11); box-shadow: inset 0 -10px 0 rgba(255, 255, 255, 0.5), 0 1px 0 rgba(0, 0, 0, 0.11); } .price--light.price--premium { border-color: rgba(227, 227, 215, 0.5); } .price--light.price--premium .price__header { background: #e3e3d7; -webkit-box-shadow: inset 0 -10px 0 rgba(255, 255, 255, 0.5), 0 1px 0 rgba(0, 0, 0, 0.13); -moz-box-shadow: inset 0 -10px 0 rgba(255, 255, 255, 0.5), 0 1px 0 rgba(0, 0, 0, 0.13); box-shadow: inset 0 -10px 0 rgba(255, 255, 255, 0.5), 0 1px 0 rgba(0, 0, 0, 0.13); } .price--light.price--premium .price__package { color: #f29090; } .price--highlight .price__header { position: relative; z-index: 10; -webkit-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.07); -moz-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.07); box-shadow: 0 3px 0 rgba(0, 0, 0, 0.07); } .price--highlight .price__feather { border-color: rgba(255, 255, 255, 0.2); } .price--highlight .price__feather:first-child { padding-top: 24px; } .price--highlight .feather-wrapper, .price--highlight .price__btn { background: #7ccbfc; } .price--highlight.price--premium .price__package { color: #bcbcb6; } .price--decorated-container { padding: 0 15px 23px; } .price--decorated-wrapper { padding: 0; } .price--decorated { position: relative; } .price--decorated:before, .price--decorated:after { content: ""; position: absolute; top: 0; display: block; width: 3px; height: 100%; background: rgba(0, 0, 0, 0.05); } .price--decorated:before { left: -3px; } .price--decorated:after { right: -3px; } .price--decorated .price__header { padding-top: 23px; padding-bottom: 40px; border-bottom: 10px solid rgba(124, 203, 252, 0.5); } .price--decorated .price__feather { border-color: #e3e8ec; } .price--decorated .price__feather:first-child { padding-top: 9px; } .price--decorated .price__btn { padding-bottom: 35px; } .price--decorated .divider-circle { top: -7px; border-color: #fff; } .price--decorated .divider-circle:before { top: -7px; z-index: 10; background: rgba(124, 203, 252, 0.5); border-color: #fff; } .price--decorated .divider-circle:after { content: ""; position: absolute; top: -7px; left: 50%; z-index: 5; display: block; width: 16px; height: 16px; margin-left: -8px; background: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } #gallery-items-container { padding: 18px 0 30px; } .item-width-1 { width: 110px; } .item-width-2 { width: 232px; } .item-width-3 { width: 232px; } .item-width-4 { width: 232px; } .item-height-1 { height: 110px; } .item-height-2 { height: 110px; } .gallery-item--random { position: relative; display: block; margin-top: 12px; overflow: hidden; } .gallery-item--random .gallery__image .icon-circle { display: none; } .gallery-item--random .gallery__title { font-size: 14px; line-height: 20px; color: #fff; } .gallery-item--random .gallery__icon-wrapper { text-align: center; } .gallery-item--random .icon-circle { margin-top: 15px; } .title-position--right .gallery__title, .title-position--right .gallery__icon-wrapper { position: absolute; right: 0; width: 158px; -webkit-transition: all 500ms ease-in; -moz-transition: all 500ms ease-in; -o-transition: all 500ms ease-in; transition: all 500ms ease-in; } .title-position--right .gallery__title { top: 0; height: 100%; padding: 20px 15px 0; } .title-position--right .gallery__icon-wrapper { bottom: 0; height: 55px; } .title-position--right:hover .gallery__title, .title-position--right:hover .gallery__icon-wrapper { width: inherit; } .title-position--bottom .gallery__title { position: absolute; right: 0; bottom: 0; width: 100%; height: 55px; padding: 8px 55px 0 15px; -webkit-transition: all 500ms ease-in; -moz-transition: all 500ms ease-in; -o-transition: all 500ms ease-in; transition: all 500ms ease-in; } .title-position--bottom .gallery__icon-wrapper { position: absolute; right: 0; bottom: 0; width: 56px; height: 55px; -webkit-transition: all 500ms ease-in; -moz-transition: all 500ms ease-in; -o-transition: all 500ms ease-in; transition: all 500ms ease-in; } .title-position--bottom:hover .gallery__title { height: inherit; } .title-position--bottom:hover .gallery__icon-wrapper { width: inherit; } .item-width-1.item-height-1 .gallery__image { position: relative; } .item-width-1.item-height-1 .gallery__image .icon-circle { display: block; position: absolute; top: 50%; left: 50%; width: 26px; height: 26px; margin: -13px 0 0 -13px; color: #fff; border-color: #fff; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; opacity: 0; filter: alpha(opacity=0); } .item-width-1.item-height-1 .gallery__image:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(33, 44, 67, 0.8); -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; opacity: 0; filter: alpha(opacity=0); } .item-width-1.item-height-1:hover .icon-circle, .item-width-1.item-height-1:hover .gallery__image:before { opacity: 0; filter: alpha(opacity=0); } .gallery-item--dark .gallery__title { background: #212c43; } .gallery-item--dark .gallery__icon-wrapper { background: rgba(0, 0, 0, 0.15); } .gallery-item--dark .icon-circle { color: #fff; border-color: #fff; } .gallery-item--highlight .gallery__title { background: #7ccbfc; } .gallery-item--highlight .gallery__icon-wrapper { background: rgba(33, 44, 67, 0.05); } .gallery-item--highlight .icon-circle { color: #fff; border-color: #fff; } .gallery-item--light .gallery__title { color: #212c43; background: #e5e5da; } .gallery-item--light .gallery__icon-wrapper { background: rgba(33, 44, 67, 0.05); } .gallery-item--light .icon-circle { color: #212c43; border-color: #212c43; } .gallery-item--neutral .gallery__title { color: #212c43; background: #e3e8ec; } .gallery-item--neutral .gallery__icon-wrapper { background: rgba(33, 44, 67, 0.05); } .gallery-item--neutral .icon-circle { color: #212c43; border-color: #212c43; } .gallery-item--compact { max-width: 370px; } .gallery-item--compact .gallery__description { padding: 11px 13px 15px 19px; } .gallery-item--compact .gallery__title { margin-bottom: 12px; } .select-form--alternative { margin-top: 8px; margin-bottom: -6px; width: 100%; } .select-form--alternative .selectpicker { width: 100%; padding-top: 8px; padding-bottom: 11px; font-family: "PT Sans", sans-serif; font-size: 13px; background: #f3f5f7; border: 1px solid #e3e8ec; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .select-form--alternative .selectpicker:hover { background: #f3f5f7; border: 1px solid #e3e8ec; } .select-form--alternative .selectpicker:hover, .select-form--alternative .selectpicker:focus, .select-form--alternative .selectpicker:active, .select-form--alternative .selectpicker.active, .select-form--alternative .open .dropdown-toggle.selectpicker { background: #f3f5f7; border-color: #e3e8ec; } .select-form--alternative .dropdown-menu { background: #f3f5f7; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border-color: #e3e8ec; } .select-form--alternative .caret { display: inline-block; width: 26px; height: 26px; padding-top: 5px; text-align: center; font-family: "FontAwesome"; font-size: 13px; line-height: 13px; color: #212c43; border: 2px solid #212c43; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .select-form--alternative .caret:hover { color: #7ccbfc; border-color: #7ccbfc; } .select-form--alternative .caret:before { content: "\f078"; position: absolute; top: 5px; left: 5px; } .select-form--alternative .bootstrap-select.open .caret:before { content: "\f077"; top: 4px; } .select-form--alternative .bootstrap-select.btn-group .btn .caret { right: 10px; margin-top: -13px; } .popular-item--multiple { padding-bottom: 0; } .popular-item--multiple .popular-item__description { margin: 18px 0 18px; } .popular-item--multiple .divider-simple { background: #f3f5f7; } .products--list-wrapper { margin: 5px 0 30px 0; } .product--list { max-width: none; margin: 20px 0; } .product--list .product__image { max-width: 220px; } .product--list .product__description { padding: 0; margin-top: 26px; border: 0; background: transparent; } .product--list .product__category { margin-bottom: 7px; } .product--list .product__text { margin-bottom: 7px; font-size: 12px; line-height: 20px; } .product--list .rating { margin-bottom: 12px; } .product--list .product__price { bottom: 0; float: left; } .product--list .btn { float: right; margin-top: -3px; } .product--full-wrapper { margin-top: 60px; } .product--full { max-width: none; } .product--full .product__title { margin-top: 22px; margin-bottom: 28px; font-size: 30px; font-weight: normal; line-height: 36px; } .product--full .product__title:hover { color: #212c43; } .product--full .product__price { bottom: 0; float: none; margin-bottom: 3px; } .product--full .rating { margin-bottom: 5px; } .product--full .addthis_toolbox { margin-bottom: 27px; } .product--full .product__text { margin-bottom: 16px; font-size: 14px; line-height: 24px; } .product--full .feature-list { margin-bottom: 24px; } .product--full .select-form { display: block; } .product--full .btn-info { margin-top: 20px; } .subscribe-form--simple { width: 100%; } .subscribe-form--simple .subscribe-input { width: 100%; background: #f3f5f7; border: 1px solid #e3e8ec; } .copyright.copyright--centered { float: none; padding-top: 15px; padding-bottom: 21px; } .services--preview .decorative-lines { top: 123px; } .services--preview .decorated-slider { max-height: 170px; } .services--preview .swiper-wrapper { padding-bottom: 5px; } .services--preview .services__item { position: relative; padding: 20px 25px 18px; text-align: center; background-color: #7ccbfc; border: 5px solid #bde5fd; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .services--preview .services__item .icon-circle { border-color: #fff; } .services--preview .services__item .icon-service--dark { display: none; } .services--preview .services__item .icon-service--white { display: inline-block; } .services--preview .services__item .service__title { color: #fff; } .services--preview .services__item:before { content: ""; position: absolute; right: 50%; bottom: 0px; display: block; width: 0; height: 0; margin-right: -10px; border-style: solid; border-color: transparent transparent #bde5fd transparent; border-width: 0 10px 10px 10px; } .services--preview .swiper-slide--active .services__item { background-color: #e5e5da; border: 5px solid #f2f2ec; } .services--preview .swiper-slide--active .services__item .icon-circle { border-color: #212c43; } .services--preview .swiper-slide--active .services__item .icon-service--dark { display: inline-block; } .services--preview .swiper-slide--active .services__item .icon-service--white { display: none; } .services--preview .swiper-slide--active .services__item .service__title { color: #212c43; } .services--preview .swiper-slide--active .services__item:before, .services--preview .swiper-slide--active .services__item:after { content: ""; position: absolute; right: 50%; display: block; width: 0; height: 0; margin-right: -10px; border-style: solid; border-width: 10px 10px 0 10px; } .services--preview .swiper-slide--active .services__item:before { bottom: -15px; border-color: #f2f2ec transparent transparent transparent; } .services--preview .swiper-slide--active .services__item:after { bottom: -10px; border-color: #e5e5da transparent transparent transparent; } .services--preview .service__title { font-size: 16px; } .services--preview .service__info { padding: 0; margin-top: 23px; } .services--preview .service__info .service__description { display: none; } .services--preview .service__info .service__description--active { display: block; } .circle-button-wrapper.circle-button--smaller-wraper { position: relative; z-index: 100; float: none; width: 130px; height: 130px; margin-top: 0; margin-left: 32px; } .circle-button-wrapper.circle-button--smaller-wraper:first-child { margin-left: 10px; } .circle-button-wrapper.circle-button--smaller-wraper .circle-button--smaller { background: rgba(229, 229, 218, 0.55); } .circle-button-wrapper.circle-button--smaller-wraper .circle-button__title { margin-top: 45px; font-size: 24px; } .qoutation-slider--higher { max-height: 465px; } @media (min-width: 480px) { .pull-left.image-in-text { float: left; width: auto; margin-right: 30px; } .pull-right.image-in-text { float: right; width: auto; margin-left: 30px; } .triangled-box { float: left; } .triangled-box:before, .triangled-box:after { top: 70px; width: 10px; height: 20px; margin-right: 0; border-width: 10px 0 10px 10px; } .triangled-box:before { right: -15px; border-color: transparent transparent transparent #f2f2ec; } .triangled-box:after { right: -10px; border-color: transparent transparent transparent #e5e5da; } .author__about { padding-bottom: 34px; margin-top: 0; margin-left: 170px; } .author__about:before, .author__about:after { top: 70px; width: 10px; height: 20px; border-width: 10px 0 10px 10px; } .author__about:before { left: 0; border-color: transparent transparent transparent #f2f2ec; } .author__about:after { left: -5px; border-color: transparent transparent transparent #fff; } .comment__body { margin-left: 129px; } .post--preview-info .post__info { float: left; width: 100px; } .post--preview-info .post__description { margin-left: 140px; } .post--preview .post__info { float: left; } .post--preview .post__description { margin-left: 140px; } .video .fluid-width-video-wrapper { height: 350px; } .client-says .client-says__item { padding-bottom: 3px; } .client-says .author__message { margin-left: 199px; } .services .service__icon-holder { margin-right: 48px; } .services .service__description { padding-top: 0; } .services .services__item--right { text-align: right; } .services .services__item--right .service__icon-holder { margin-right: 0; margin-left: 48px; } .services .services__item--right .link-highlight { left: 9px; } .services--preview .service__description { margin-top: 23px; } .triangled-box--right { float: right; } .triangled-box--right:before, .triangled-box--right:after { border-width: 10px 10px 10px 0; } .triangled-box--right:before { left: -15px; border-color: transparent #f2f2ec transparent transparent; } .triangled-box--right:after { left: -10px; border-color: transparent #e5e5da transparent transparent; } .contact-form .form__field { width: 48.638132%; } .contact-form .form__field--message { width: 100%; } .contact-form .btn { padding-right: 46px; padding-left: 46px; } .shop .select-form { float: right; margin-top: 0px; } .shop .shop__view { float: left; } .error__content { background-size: 707px 712px; background-position: center -95px; } .error__content .search-form { width: 400px; } .subscribe-form--simple { max-width: 400px; } .coming-content .divider-triangle { max-width: 370px; } .tparrows.default { display: inline-block; } .home-title-wrapper { height: 629px; } .home-title-wrapper .page-title-main { margin-top: 150px; } .home-title-wrapper .page-title-secondary { margin-bottom: 30px; } .circle-info-buttons { display: block; } .home-title-wrapper .decorative-lines { display: block; } .post--latest .post__image { float: left; } .qoutation-slider--higher { max-height: 191px; } } @media (min-width: 640px) and (max-width: 767px) { .revo-slider .slide__list .icon-circle { position: relative; top: -2px; } .revo-slider .slide__image3 { width: 228px; height: 200px; background-image: url("../images/revo_slider/revo-img3.png"); background-size: 228px 200px; } .price { width: 80%; margin-right: 10%; margin-left: 10%; } } @media (min-width: 640px) and (max-width: 767px) and only screen and (-webkit-min-device-pixel-ratio: 2), (min-width: 640px) and (max-width: 767px) and only screen and (min--moz-device-pixel-ratio: 2), (min-width: 640px) and (max-width: 767px) and only screen and (-o-min-device-pixel-ratio: 2/1), (min-width: 640px) and (max-width: 767px) and only screen and (min-device-pixel-ratio: 2), (min-width: 640px) and (max-width: 767px) and only screen and (min-resolution: 192dpi), (min-width: 640px) and (max-width: 767px) and only screen and (min-resolution: 2dppx) { .revo-slider .slide__image3 { background-image: url("../images/revo_slider/revo-img3x2.png"); background-size: 228px 200px; } } @media (max-width: 767px) { ul#navigation > li > a { padding: 12px 0 16px; color: #fff; } ul#navigation > li > a:hover { background: transparent; color: #7ccbfc; } ul#navigation > li:hover { padding-bottom: 0; } ul#navigation > li:after { display: none; } ul#navigation { top: 120px; right: 0; min-width: 230px; background: rgba(33, 44, 67, 0.8); } ul#navigation a { padding: 7px 17px 8px; color: #1b253b; } ul#navigation a:hover { color: #1b253b; } .main-nav.fixed-pos { position: static; } .swiper-controls { top: -10px; float: none; margin-bottom: 20px; } .qoutation-slider-controls { margin-bottom: 5px; } .carousel-controls { margin-bottom: 0; } .top-info__text { float: none !important; text-align: center; } .gallery-item--random .hover-effect:hover .icon-circle, .gallery-item--random .hover-effect:hover:before { opacity: 0; filter: alpha(opacity=0); } .project .project__description { margin-bottom: 30px; } .carousel-controls { top: 0; } .similar-projects .decorative-lines { top: 111px; } .slider-range .slider-range__label { float: right; } .slider-range .link-highlight { margin-top: 18px; } } @media (min-width: 768px) { ul#navigation > li:hover > ul { position: absolute; top: 82px; left: 0; z-index: 200; display: block; min-width: 180px; padding: 0 15px; background: rgba(33, 44, 67, 0.8); -webkit-transform-origin: left top; -moz-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; -webkit-animation: anime 500ms; -o-animation: anime 500ms; animation: anime 500ms; } .main-nav.fixed-pos { position: fixed; top: 0; right: 0; left: 0; z-index: 1000; -webkit-transition: all 500ms ease-in; -moz-transition: all 500ms ease-in; -o-transition: all 500ms ease-in; transition: all 500ms ease-in; -webkit-transform: translatez(0); -moz-transform: translatez(0); -o-transform: translatez(0); -ms-transform: translatez(0); transform: translatez(0); } .top-scroll { right: 5%; bottom: 55px; left: auto; } .subscribe-form { margin-bottom: 17px; } .widget-contacts { margin-top: 4px; margin-bottom: 0; } .widget-flickr { margin-top: 0; } .social { float: right; margin: 11px 0 15px; } .copyright { float: left; padding-top: 15px; padding-bottom: 21px; } .coming-footer-wrapper .widget-tweets { margin-top: 0; } .accordion { min-height: 258px; } .btn-demo { padding-right: 10px; padding-left: 10px; } .promobox { padding: 18px 23px 20px 24px; text-align: left; } .promobox .btn-wider { float: right; padding: 5px 68px 10px 66px; margin-top: 0; } .promobox .promobox__text { float: left; max-width: 320px; margin-top: 3px; } .nav-tabs > li { float: left; margin-bottom: -1px; } .nav-tabs > li > a { font-weight: normal; color: #fff; background: #7ccbfc; border: 1px solid transparent; } .nav-tabs > li > a:hover { background: #212c43; border: 1px solid transparent; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #7ccbfc; border: 1px solid #e8e8dd; border-bottom-color: transparent; } .tabs--vertical .nav-tabs { display: block; float: left; border: 0; } .tabs--vertical .nav-tabs > li { float: none; } .tabs--vertical .nav-tabs > li > a { padding-left: 12px; border: 0; border-left: 5px solid rgba(255, 255, 255, 0); } .tabs--vertical .nav-tabs > li.active > a, .tabs--vertical .nav-tabs > li.active > a:hover, .tabs--vertical .nav-tabs > li.active > a:focus { color: #fff; background: #7ccbfc; border: 0; border-left: 5px solid #d6effe; } .tabs--vertical .tab-content { min-height: inherit; } .tabs-responsive .tabs--vertical { min-height: 238px; } .quote { padding-left: 185px; } .comment--reply { padding-left: 158px; } .sidebar { padding-left: 40px; } .sidebar--thin{ padding-left: 80px; } .page-title { float: left; font-size: 30px; line-height: 1.1; text-align: left; } .page-title .page-title-main { font-size: 90px; line-height: 90px; } .page-title.page-title-margin { margin-top: 116px; } .section-title { margin-top: 49px; margin-bottom: 47px; font-size: 30px; line-height: 43px; } .section-title .text-highlight { font-size: 80px; } .section-title--smaller { margin-top: 61px; margin-bottom: 30px; font-size: 20px; line-height: 31px; } .section-title--smaller .text-highlight { font-size: 40px; } .circle-button-wrapper { float: right; width: 180px; height: 180px; margin-top: 81px; } .circle-button__title { margin-top: 52px; font-size: 30px; line-height: 40px; } .price-width { width: 33.333333%; } .item-width-3 { width: 354px; } .item-width-4 { width: 476px; } .item-height-2 { height: 232px; } .gallery-item--random { overflow: visible; } .gallery-item--dark .gallery__image { border: 4px solid #212c43; } .gallery-item--highlight .gallery__image { border: 4px solid #7ccbfc; } .gallery-item--light .gallery__image { border: 4px solid #e5e5da; } .gallery-item--neutral .gallery__image { border: 4px solid #e3e8ec; } .item-width-1.item-height-1:hover .icon-circle, .item-width-1.item-height-1:hover .gallery__image:before { opacity: 1; filter: alpha(opacity=100); } .gallery-item .gallery__title { min-height: 40px; } .gallery-item--compact .gallery__description { min-height: 257px; } .about__contact .contact__button { padding-left: 54px; padding-right: 54px; } .meet .meet__image-description { padding: 0; } .meet .meet__service-wrapper { padding: 55px 0 48px; } .meet .meet__service { padding-top: 0; } .compatibility .compatibility__image-description { padding: 0; } .qoutation-slider-controls { top: -65px; } .promobox.promobox--alternative { min-height: 297px; margin-top: 60px; } .promobox.promobox--alternative .btn { padding-right: 9.5px; padding-left: 9.5px; } .promobox.promobox--alternative .contact__button { padding-right: 23px; padding-left: 23px; } .support .section-title .text-highlight { font-size: 40px; } .shop .shop__category { max-width: none; } .product .product__title { min-height: 80px; } .product--list .product__image { float: left; } .product--list .product__description { margin-left: 250px; } .product--list .product__title { min-height: 1px; } .select-form--alternative .selectpicker, .select-form--alternative .dropdown-menu, .select-form--alternative .bootstrap-select.btn-group .dropdown-menu { width: 100%; } .carousel { max-height: 325px; } .qoutation-slider { max-height: 173px; } .client-says .client-says__item:after { display: block; } .qoutation-slider--higher { max-height: 180px; } .shop-tabs { margin-top: 20px; } .error__content .search-form { width: 570px; } .subscribe-form--simple { max-width: 500px; } .widget-social .social { max-width: 205px; } .tp-bullets.tp-thumbs { display: block; } .revo-slider .slide__list { font-size: 26px; } .revo-slider .slide__list .icon-circle { position: relative; top: -2px; width: 14px; height: 14px; padding-top: 3px; font-size: 6px; line-height: 6px; } .revo-slider .slide__image2 { width: 204px; height: 172px; background-image: url("../images/revo_slider/revo-img2.png"); background-size: 204px 172px; } .revo-slider .slide__image3 { width: 265px; height: 232px; background-image: url("../images/revo_slider/revo-img3.png"); background-size: 265px 232px; } .home-title-wrapper .page-title-main { margin-top: 125px; margin-bottom: 32px; font-size: 78px; line-height: 78px; } .home-title-wrapper .page-title-secondary { margin-bottom: 35px; font-size: 24px; line-height: 24px; } .home-title-wrapper .btn { display: none; } .home-title-wrapper .decorative-lines { top: 97px; } .bannercontainer { margin-bottom: 150px; } .services--preview .decorative-lines { top: 67px; } .circle-info-wrapper { width: 180px; height: 180px; margin: 20px; } .circle-info__front, .circle-info__back { -webkit-box-shadow: 0 0 0 10px rgba(232, 232, 221, 0.2); -moz-box-shadow: 0 0 0 10px rgba(232, 232, 221, 0.2); box-shadow: 0 0 0 10px rgba(232, 232, 221, 0.2); } .circle-info__title { font-size: 30px; line-height: 30px; } .circle-info__front .circle-info__title { margin-top: 71px; } .circle-info__back .circle-info__title { margin-top: 31px; } .choose-us { padding-left: 47px; } .choose-us .section-title { margin-top: 52px; } } @media (min-width: 768px) and only screen and (-webkit-min-device-pixel-ratio: 2), (min-width: 768px) and only screen and (min--moz-device-pixel-ratio: 2), (min-width: 768px) and only screen and (-o-min-device-pixel-ratio: 2/1), (min-width: 768px) and only screen and (min-device-pixel-ratio: 2), (min-width: 768px) and only screen and (min-resolution: 192dpi), (min-width: 768px) and only screen and (min-resolution: 2dppx) { .revo-slider .slide__image2 { background-image: url("../images/revo_slider/revo-img2x2.png"); background-size: 204px 172px; } } @media (min-width: 768px) and only screen and (-webkit-min-device-pixel-ratio: 2), (min-width: 768px) and only screen and (min--moz-device-pixel-ratio: 2), (min-width: 768px) and only screen and (-o-min-device-pixel-ratio: 2/1), (min-width: 768px) and only screen and (min-device-pixel-ratio: 2), (min-width: 768px) and only screen and (min-resolution: 192dpi), (min-width: 768px) and only screen and (min-resolution: 2dppx) { .revo-slider .slide__image3 { background-image: url("../images/revo_slider/revo-img3x2.png"); background-size: 265px 232px; } } @media (min-width: 768px) and (max-width: 991px) { .widget-contacts { margin-bottom: 60px; } .widget-contacts__item { display: block; } .twitter_update_list { max-width: 275px; } .tabs-responsive { float: none; width: 100%; } .gallery-item--random .gallery__icon-wrapper { display: none; } .gallery-item--random .gallery__image { position: relative; } .gallery-item--random .gallery__image .icon-circle { position: absolute; top: 50%; left: 50%; display: block; width: 26px; height: 26px; margin: -13px 0 0 -13px; color: #fff; border-color: #fff; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; opacity: 0; filter: alpha(opacity=0); } .gallery-item--random .gallery__image:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(33, 44, 67, 0.8); -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; opacity: 0; filter: alpha(opacity=0); } .gallery-item--random:hover .icon-circle, .gallery-item--random:hover .gallery__image:before { opacity: 1; filter: alpha(opacity=100); } .qoutation-slider-controls { margin-top: 55px; } .support .support__item { font-size: 21px; } .product .product__price { float: none; bottom: 0; } .product--list .btn { float: none; margin-top: 10px; } .post--latest .post__title { margin-bottom: 13px; } .post--latest .post__date { margin-left: 190px; } } @media (min-width: 992px) { .widget-news__text { margin-bottom: 12px; } .widget-contacts__item { margin-right: 25px; } .widget-flickr { padding-left: 13px; padding-right: 2px; } .accordion { min-height: 238px; } .button-demo-wrapper { margin-right: -15px; margin-left: -15px; } .promobox .promobox__text { max-width: 525px; margin-top: 4px; font-size: 24px; } .tabs-responsive .tabs--vertical { min-height: 398px; } .block-width-1 { width: 290px; } .block-width-2 { width: 610px; } .block-height-1 { height: 289px; } .block-height-2 { height: 475px; } .post--preview-block .post__date, .post--preview-block .post__title { font-size: 16px; line-height: 24px; } .block-width-1.block-height-1 .post__description { top: 157px; right: 0; } .block-width-1.block-height-2 .post__description { top: 266px; right: 0; } .block-width-2 .post__image { width: 400px; } .block-width-2 .post__description { top: 0; left: 0; padding: 17px 20px 0 20px; margin-left: 400px; } .block-width-2 .post__date, .block-width-2 .post__title { float: none; width: 100%; } .block-width-2 .post__title { margin-top: 0; text-align: right; } .block-width-2 .divider-simple { display: block; margin-bottom: 22px; } .block-width-2:after { display: none; } .post--preview-block:hover .post__description { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 5; margin-left: 0; } .post--preview-block:hover .post__date, .post--preview-block:hover .post__title { display: block; } .post--preview-block:hover .post__title { margin-top: -3px; margin-bottom: 30px; } .post--preview-block:hover .post__text { clear: both; } .item-width-1 { width: 146px; } .item-width-2 { width: 304px; } .item-width-3 { width: 462px; } .item-width-4 { width: 620px; } .item-height-1 { height: 146px; } .item-height-2 { height: 304px; } .gallery-item--compact .gallery__description { min-height: 217px; } .price-width { width: 20%; } .about__contact .contact__button { padding-left: 50px; padding-right: 50px; } .client-says .author__message { padding-top: 30px; } .promobox.promobox--alternative .btn { padding-right: 36.5px; padding-left: 36.5px; } .promobox.promobox--alternative .contact__button { padding-right: 50px; padding-left: 50px; } .support .section-title .text-highlight { font-size: 52px; } .services .service__description { margin-top: 8px; } .services--preview .service__description { margin-top: 23px; } .shop .shop__category { padding: 30px 365px 30px 23px; margin-bottom: 67px; } .shop .shop__category__image { position: absolute; top: -20px; max-width: 365px; } .product .product__title { min-height: 60px; } .product--list .product__title { min-height: 1px; } .team__slider { min-height: 426px; } .carousel { max-height: 427px; } .subscribe-form--simple { max-width: 650px; } .coming-content .decorative-lines { display: block; } .coming-footer-wrapper .widget-tweets { padding-left: 15px; margin-left: 0; } .revo-slider .slide__image1 { width: 285px; height: 324px; background-image: url("../images/revo_slider/revo-img1.png"); background-size: 285px 324px; } .revo-slider .slide__image2 { width: 268px; height: 226px; background-image: url("../images/revo_slider/revo-img2.png"); background-size: 268px 226px; } .revo-slider .slide__box { width: 840px; height: 180px; } .revo-slider .slide__image3 { width: 369px; height: 323px; background-image: url("../images/revo_slider/revo-img3.png"); background-size: 369px 323px; } .services--preview .service__title { font-size: 24px; } .section-title.section-title--light { font-size: 30px; line-height: 43px; } .section-title.section-title--light .text-highlight { font-size: 80px; } .universe .section-title { margin-top: 46px; } .circle-button-wrapper.circle-button--smaller-wraper { margin-left: 65px; } } @media (min-width: 992px) and only screen and (-webkit-min-device-pixel-ratio: 2), (min-width: 992px) and only screen and (min--moz-device-pixel-ratio: 2), (min-width: 992px) and only screen and (-o-min-device-pixel-ratio: 2/1), (min-width: 992px) and only screen and (min-device-pixel-ratio: 2), (min-width: 992px) and only screen and (min-resolution: 192dpi), (min-width: 992px) and only screen and (min-resolution: 2dppx) { .revo-slider .slide__image1 { background-image: url("../images/revo_slider/revo-img1x2.png"); background-size: 285px 324px; } } @media (min-width: 992px) and only screen and (-webkit-min-device-pixel-ratio: 2), (min-width: 992px) and only screen and (min--moz-device-pixel-ratio: 2), (min-width: 992px) and only screen and (-o-min-device-pixel-ratio: 2/1), (min-width: 992px) and only screen and (min-device-pixel-ratio: 2), (min-width: 992px) and only screen and (min-resolution: 192dpi), (min-width: 992px) and only screen and (min-resolution: 2dppx) { .revo-slider .slide__image2 { background-image: url("../images/revo_slider/revo-img2x2.png"); background-size: 268px 226px; } } @media (min-width: 992px) and only screen and (-webkit-min-device-pixel-ratio: 2), (min-width: 992px) and only screen and (min--moz-device-pixel-ratio: 2), (min-width: 992px) and only screen and (-o-min-device-pixel-ratio: 2/1), (min-width: 992px) and only screen and (min-device-pixel-ratio: 2), (min-width: 992px) and only screen and (min-resolution: 192dpi), (min-width: 992px) and only screen and (min-resolution: 2dppx) { .revo-slider .slide__image3 { background-image: url("../images/revo_slider/revo-img3x2.png"); background-size: 369px 323px; } } @media (min-width: 1200px) { .container { padding-right: 0; padding-left: 0; } .widget-news__text { float: left; width: 44%; padding-right: 5px; margin-right: 0; } .widget-news .subscribe-form { float: right; width: 56%; } .widget-flickr { padding-left: 15px; padding-right: 15px; } .accordion { min-height: 218px; } .btn-demo { float: left; width: 16.666666666666664%; padding-right: 15px; padding-left: 15px; text-align: left; } .promobox .promobox__text { max-width: 820px; margin-top: 13px; font-size: 24px; } .tabs--vertical .nav-tabs > li > a { padding-right: 32px; } .tabs-responsive .tabs--vertical { min-height: 300px; } .author__about { padding-bottom: 34px; } .block-width-1 { width: 370px; } .block-width-2 { width: 770px; } .block-height-1 { height: 340px; } .block-height-2 { height: 560px; } .post--preview-block .post__date { font-size: 20px; } .block-width-1 .post__title { font-size: 18px; line-height: 24px; } .block-width-1.block-height-1 .post__description { top: 200px; right: 0; } .block-width-1.block-height-2 .post__description { top: 340px; right: 0; } .block-width-2 .post__image { width: 470px; } .block-width-2 .post__description { margin-left: 470px; } .block-width-2 .divider-simple { margin-bottom: 64px; } .block-width-2 .post__title { font-size: 20px; line-height: 28px; } .post--preview-block:hover .post__description { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 5; margin-left: 0; } .item-width-1 { width: 185px; } .item-width-2 { width: 382px; } .item-width-3 { width: 579px; } .item-width-4 { width: 776px; } .item-height-1 { height: 185px; } .item-height-2 { height: 382px; } .gallery-item--random .gallery__title { font-size: 18px; } .gallery-item--highlight .gallery__title { font-size: 20px; } .title-position--right .gallery__title, .title-position--right .gallery__icon-wrapper { width: 185px; } .title-position--right .gallery__title { padding: 35px 15px 0; } .title-position--bottom .gallery__title { padding: 15px 55px 0 15px; } .gallery-item--compact .gallery__description { min-height: 177px; } .about__contact .contact__button { padding-right: 79px; padding-left: 79px; } .meet .meet__image-description { line-height: 20px; } .compatibility .compatibility__image-description { line-height: 20px; } .client-says .author__message { padding-top: 42px; } .promobox.promobox--alternative .btn { padding-right: 68px; padding-left: 66px; } .promobox.promobox--alternative .contact__button { padding-right: 80px; padding-left: 80px; } .support .section-title .text-highlight { font-size: 60px; } .services .service__description { margin-top: 20px; } .services--preview .service__description { margin-top: 23px; } .shop .shop__category { padding: 42px 23px; } .shop .shop__category__title { margin-right: 365px; } .shop .shop__category__text { margin-right: 410px; } .shop .shop__category__image { top: -31px; max-width: 413px; } .product .product__title { min-height: 1px; } .slider-range .slider-range__label { float: right; } .slider-range .link-highlight { margin-top: 18px; } .carousel { max-height: 530px; } .shop-tabs { margin-top: 40px; } .subscribe-form--simple { max-width: 770px; } .revo-slider .slide__image1 { width: 380px; height: 431px; background-image: url("../images/revo_slider/revo-img1.png"); background-repeat: no-repeat; background-size: 380px 431px; } .revo-slider .slide__image2 { width: 320px; height: 270px; background-image: url("../images/revo_slider/revo-img2.png"); background-size: 320px 270px; } .revo-slider .slide__box { width: 934px; height: 192px; } .revo-slider .slide__list { font-size: 22px; } .revo-slider .slide__list .icon-circle { width: 20px; height: 20px; padding-top: 2.5px; margin-right: 14px; font-size: 10px; line-height: 12px; border-width: 2px; } .revo-slider .slide__image3 { width: 412px; height: 360px; background-image: url("../images/revo_slider/revo-img3.png"); background-size: 412px 360px; } .universe { background: url(../images/univers-circles.png), url(../images/univers-bg.jpg); background-repeat: repeat-x; background-position: center 0; background-size: cover; } .circle-button-wrapper.circle-button--smaller-wraper { margin-left: 130px; } .post--latest .post__description { margin-left: 200px; } .post--latest .post__title { margin-bottom: 13px; } .post--latest .post__date { margin-bottom: 22px; } } @media (min-width: 1200px) and only screen and (-webkit-min-device-pixel-ratio: 2), (min-width: 1200px) and only screen and (min--moz-device-pixel-ratio: 2), (min-width: 1200px) and only screen and (-o-min-device-pixel-ratio: 2/1), (min-width: 1200px) and only screen and (min-device-pixel-ratio: 2), (min-width: 1200px) and only screen and (min-resolution: 192dpi), (min-width: 1200px) and only screen and (min-resolution: 2dppx) { .revo-slider .slide__image1 { background-image: url("../images/revo_slider/revo-img1x2.png"); background-size: 380px 431px; } } @media (min-width: 1200px) and only screen and (-webkit-min-device-pixel-ratio: 2), (min-width: 1200px) and only screen and (min--moz-device-pixel-ratio: 2), (min-width: 1200px) and only screen and (-o-min-device-pixel-ratio: 2/1), (min-width: 1200px) and only screen and (min-device-pixel-ratio: 2), (min-width: 1200px) and only screen and (min-resolution: 192dpi), (min-width: 1200px) and only screen and (min-resolution: 2dppx) { .revo-slider .slide__image2 { background-image: url("../images/revo_slider/revo-img2x2.png"); background-size: 320px 270px; } } @media (min-width: 1200px) and only screen and (-webkit-min-device-pixel-ratio: 2), (min-width: 1200px) and only screen and (min--moz-device-pixel-ratio: 2), (min-width: 1200px) and only screen and (-o-min-device-pixel-ratio: 2/1), (min-width: 1200px) and only screen and (min-device-pixel-ratio: 2), (min-width: 1200px) and only screen and (min-resolution: 192dpi), (min-width: 1200px) and only screen and (min-resolution: 2dppx) { .revo-slider .slide__image3 { background-image: url("../images/revo_slider/revo-img3x2.png"); background-size: 412px 360px; } } @media (min-width: 1800px) { .revo-slider .slide__image2 { width: 456px; height: 385px; background-image: url("../images/revo_slider/revo-img2.png"); background-size: 456px 385px; } .revo-slider .slide__list { font-size: 16px; } .revo-slider .slide__list .icon-circle { width: 26px; height: 26px; padding-top: 5px; font-size: 12px; line-height: 12px; border-width: 2px; } .revo-slider .slide__image3 { width: 678px; height: 592px; background-image: url("../images/revo_slider/revo-img3.png"); background-size: 678px 592px; } } @media (min-width: 1800px) and only screen and (-webkit-min-device-pixel-ratio: 2), (min-width: 1800px) and only screen and (min--moz-device-pixel-ratio: 2), (min-width: 1800px) and only screen and (-o-min-device-pixel-ratio: 2/1), (min-width: 1800px) and only screen and (min-device-pixel-ratio: 2), (min-width: 1800px) and only screen and (min-resolution: 192dpi), (min-width: 1800px) and only screen and (min-resolution: 2dppx) { .revo-slider .slide__image2 { background-image: url("../images/revo_slider/revo-img2x2.png"); background-size: 456px 385px; } } @media (min-width: 1800px) and only screen and (-webkit-min-device-pixel-ratio: 2), (min-width: 1800px) and only screen and (min--moz-device-pixel-ratio: 2), (min-width: 1800px) and only screen and (-o-min-device-pixel-ratio: 2/1), (min-width: 1800px) and only screen and (min-device-pixel-ratio: 2), (min-width: 1800px) and only screen and (min-resolution: 192dpi), (min-width: 1800px) and only screen and (min-resolution: 2dppx) { .revo-slider .slide__image3 { background-image: url("../images/revo_slider/revo-img3x2.png"); background-size: 678px 592px; } }